slick.jsを利用してスライドショーをさせたいと思います。コードは下記のように書きました。
<!DOCTYPE html> <html lang="ja"> <body> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script> <main> <p>こんにちは、猫ちゃんです</p> <article> <div id="slider"> <div><img src="cat1.jpg" class="img-responsive"></div> <div><img src="cat2.jpg" class="img-responsive"></div> </div> </article> </main> <script> $('#slider').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 1, adaptiveHeight: true, autoplay: true, }); </script> </body> </html>
URL:https://jsfiddle.net/mgybdf7d/
このコードだとNextとPreviousというボタンが表示されてしまいます。
また、・①、・②というリストの形でもボタンが表示されます。
これらのボタンは不要で、単純に画像のみを自動でスライドさせたいのですが、どのように設定すればよいでしょうか?
宜しくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/05/16 08:24