jQueryのslickを使っているのですが、スライドさせる画像にリンクをつけると
用意していた4枚の画像の先頭と後尾に余計な空のスライドが追加されてしまい、
下部のドットも6個になってしまいます。
余計なスライドを消すにはどうしたらいいでしょうか?
ダウンロードしたcssとjsファイルは一切改変していません。
###該当のソースコード
html
1<div class="slider"> 2 <div><a href="" alt=""><img src="image1.jpg" alt=""></a></div> 3 <div><a href="" alt=""><img src="image2.jpg" alt=""></a></div> 4 <div><a href="" alt=""><img src="image3.jpg" alt=""></a></div> 5 <div><a href="" alt=""><img src="image4.jpg" alt=""></a></div> 6</div><!-- slider -->
###該当のソースコード
js
1$(function(){ 2 3$('.slider').slick({ 4 5accessibility: true, 6autoplay: true, 7autoplaySpeed: 2500, 8pauseOnHover: true, 9dots: true, 10pauseOnDotsHover: true, 11slidesToShow:1, 12centerMode: true, 13centerPadding: '90px', 14}); 15 16}); 17
###試したこと
aタグの位置をdivの外側にした。
aタグを消すとスライドは4枚になるが、ドットと矢印のクリックが効かなくなる。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/04 02:46
2017/08/04 02:49
2017/08/04 07:16