Q&A
コードはマークダウンのcode機能にてご提示ください。
あとコンソールにエラー出てないか、も確認してみてください
slickでカルーセルスライダーを作りたいのですが、最初の段階つまづいています。
slickの公式サイトからダウンロードした
slick-theme.css
slick.css
slick.min.js
fontsフォルダ
を、サーバーのslick.htmlがあるフォルダにアップロードして、
以下のhtmlコードをブラウザで参照しても、画像が静止したままスライドしてくれません。
どこが悪いのでしょうか？
[slick.htmlのコード]
<html> <head><link rel="stylesheet" type="text/css" href="slick.css"/> <link rel="stylesheet" type="text/css" href="slick-theme.css"/> </head> <body> <div class="single"> <div><img src="https://www.jungleocean.com/demo/jquery-slick/images/1.jpg" alt=""></div> <div><img src="https://www.jungleocean.com/demo/jquery-slick/images/2.jpg" alt=""></div> <div><img src="https://www.jungleocean.com/demo/jquery-slick/images/3.jpg" alt=""></div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="slick.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.single').slick({ autoplay: true, // }); }); </script> </body> </html><title>slick</title>
回答2件
0
自己解決
ブラウザを再起動したら動きました。
投稿2021/03/14 23:50
総合スコア5
0
回答 DLではなくてCDNに変えたところ普通に動きました。※僕はDLしてないです。
DLされたというファイルをCDNでネット上から持ってくる記述に変えたところ、
普通に動きました。※動き出すの遅いなーと感じましたが。
動き出すまでに数秒掛かったので、せっかちな方だと動かないと思ってしまうかも？
htmlと同じ階層ということなのでパスも問題なさそうです。
CDNに変えていただいて動く場合はDLされたファイルが壊れている可能性もあるのかなぁと。
お手数ですがDLされたファイルを使わずCDNから読み込んでお試しいただけますでしょうか？
html
1<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css"/> 2<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css"> 3 4<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
投稿2021/03/14 23:47
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
