レスポンシヴ対応のスライダー「flickity」、jQueryに依存しないのでCDNで使えばHTMLファイル1つで動きます。
このファイル一つで動くのは楽天やヤフーショッピングのページ作りにはとても便利なので多用していました。
公式サイト：https://flickity.metafizzy.co/
ところが今日突然表示に不具合が！表示がおかしい！
原因はCDNのリンクでした。
公式サイトのCDNリンクは
|
1 2 3 4 |
<!-- 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」頼りもちょっと怖いなーと反省。
|
1 2 3 4 |
<!-- 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
サーバー不具合は解消されたみたいです。
コメント