slick sliderを実装し、センターモードをtrueにしたときに左右のスライドが見えると思うのですが、
左に見えいている画像をクリックで.slick-prevと同じ挙動。
右に見えいている画像をクリックで.slick-nextと同じ挙動。
それぞれ左右に見えている画像をクリックで、slick sliderを左右にスライドさせることがきるのでしょうか。
html
1<div class="top_mv_slider"> 2 <div class="top_mv_elm"> 3 <a href="URL"> 4 <div> 5 <img src="images" alt="" title=""> 6 </div> 7 </a> 8 </div> 9 <div class="top_mv_elm"> 10 <a href="URL"> 11 <div> 12 <img src="images" alt="" title=""> 13 </div> 14 </a> 15 </div> 16 <div class="top_mv_elm"> 17 <a href="URL"> 18 <div> 19 <img src="images" alt="" title=""> 20 </div> 21 </a> 22 </div> 23</div>
jquery
1<script> 2$('.top_mv_slider').slick({ 3 autoplay: true, 4 variableWidth: true, 5 centerMode: true, 6 autoplaySpeed: 5000, 7 dots: true, 8 appendArrows: $('#arrows'), 9 pauseOnHover:false, 10 responsive:[ 11 { 12 breakpoint: 1260, 13 settings:{ 14 variableWidth: false, 15 centerMode: false, 16 } 17 }, 18 ] 19}); 20</script>
あなたの回答
tips
プレビュー