0
スワイプのスライダを使用して複数のスクロールをスワイプします。私はコードが正しいと思うが、なぜ私が望むように7スライドをスクロールしないのか分からない。たぶん私は何かを明らかに見ていないよcenterMode
がある場合...Slick - スワイプで正しい数のスクロールをスクロールしません。
HTML
<div class="slideshow-wrapper">
<div class="preloader"></div>
<div class="homeslick">
<div><img src="https://via.placeholder.com/150x150"></div>
<div><img src="https://via.placeholder.com/150x150"></div>
<div><img src="https://via.placeholder.com/150x150"></div>
<div><img src="https://via.placeholder.com/150x150"></div>
<div><img src="https://via.placeholder.com/150x150"></div>
<div><img src="https://via.placeholder.com/150x150"></div>
<div><img src="https://via.placeholder.com/150x150"></div>
<div><img src="https://via.placeholder.com/150x150"></div>
<div><img src="https://via.placeholder.com/150x150"></div>
<div><img src="https://via.placeholder.com/150x150"></div>
</div>
</div>
JS
$(document).ready(function(){
$('.homeslick').slick({
infinite: true,
centerMode: true,
centerPadding: '60px',
slidesToShow: 7,
slidesToScroll: 7,
autoplay: true,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToScroll: 7,
slidesToShow: 7
}
},
{
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToScroll: 3,
slidesToShow: 3
}
}
]
});
});