我的观点是:如果我有two
张幻灯片,并且我想在每张幻灯片中显示4个元素,但总共只有6个元素,则表示如下:
First slide:
1 2 3 4
Second slide:
3 4 5 6
但是我希望它只显示second slide
为5
和6
并让它绕一整圈,这是否可能,如果是这样的话 - 是否有人这样做并且可以告诉我如何做到这一点?
修改
光滑的结构基本如下:
<div class="products">
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
</div>
光滑的选项:
$('.products').slick({
dots: false,
infinite: true,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 950,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: false
}
},
{
breakpoint: 760,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
infinite: true,
dots: false
}
}
]
});
}