スライダー/カルーセル「Flickity」が突然不具合(表示されない)<CDNの盲点>

レスポンシヴ対応のスライダー「flickity」、jQueryに依存しないのでCDNで使えばHTMLファイル1つで動きます。

このファイル一つで動くのは楽天やヤフーショッピングのページ作りにはとても便利なので多用していました。

公式サイト:https://flickity.metafizzy.co/

ところが今日突然表示に不具合が!表示がおかしい!

原因はCDNのリンクでした。

公式サイトのCDNリンクは

<!-- CSS -->
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<!-- JavaScript -->
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>

ここが動いていません。

リンク先を下記に変更して解決しましたが「CDN」頼りもちょっと怖いなーと反省。

<!-- CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.1/flickity.min.css">
<!-- JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.1/flickity.pkgd.min.js"></script>

また不具合が出た時のために一応ファイルはダウンロードしておきました。

追記 2019/12/26
サーバー不具合は解消されたみたいです。

コメント

タイトルとURLをコピーしました