前提・実現したいこと
2枚のキービジュアルをスリックスライダーで実装したいのですが、
スライダーになりません。
該当のソースコード
<!-- stylesheet --> <link rel="stylesheet" type="text/css" href="css/slick.css"/> <link rel="stylesheet" type="text/css" href="css/slick-theme.css"/> <!-- stylesheet --> <script src="js/jquery-1.11.3.min.js"></script> <script src="js/default.js"></script> <script src="js/iscroll.js"></script> <script src="js/drawer.min.js"></script> <script type="text/javascript" src="js/slick.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.slider').slick({ arrows:false, autoplay:true, autoplaySpeed:0, dots: false, infinite: true, speed: 3000, slidesToShow: 1, centerMode: true, variableWidth: true }); }); </script> <ul class="slider"> <li><img src="images/kv01.jpg" alt="" /></li> <li><img src="images/kv02.jpg" alt="" /></li> </ul>
試したこと
jsはすべてjsというフォルダ内に入れました。
htmlのhead内に記述をしました。
動かないので、記述の順番を入れ替えてたりもしましたが動かず。
あまりプログラムに詳しくないので他に検討がつきません。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。