前提・実現したいこと
slickを使って2枚の画像をスライドさせたいです。
発生している問題・エラーメッセージ
エラーコードは出ていないのですが、2枚の画像が縦に並ぶだけで
スライダーになりません。
該当のソースコード
html
<head> <meta charaset="utf-8"> <title>Example</title> <link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.4/css/all.css"> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> </head> <body> ------中略------ <div class="slider"> <div><img src="img/kinki.png"></div> <div><img src="img/mainvisual.png" ></div> </div> ------中略------ <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="slick/slick.min.js"></script> </body>外部jsファイル
$('.slider').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});
試したこと
オプションの数を調整してもダメでした
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
![guest](/img/icon/icnUserSample.jpg)
あなたの回答
tips
プレビュー