如何复制滑溜幻灯片?



我正在使用slick-list构建一个元素,人们可以在其中插入自己的幻灯片。滑块应该显示4张幻灯片,但有时幻灯片的数量没有达到那么多,滑块会出错,使幻灯片比预期的要小(宽度)。我试过用infinite:true,但结果不像我想象的那样。我的光滑是这样的:'

$('.el-lista-slider-orcamento .itens').each(function(){
$(this).slick({
slidesToShow: 4
,infinite: true
,slidesToScroll: 1
,autoplay: false
,autoplaySpeed: 4000
,speed: 500
,easing: 'swing'
,swipeToSlide: true
,pauseOnHover: false
,pauseOnFocus: false
,adaptiveHeight: true
,prevArrow: $(".el-lista-slider-orcamento .setas .seta-anterior")
,nextArrow: $(".el-lista-slider-orcamento .setas .seta-proximo")
,responsive: [
{
breakpoint: 1280
,settings: {
slidesToShow: 2
}
},
{
breakpoint: 768
,settings: {
slidesToShow: 1
}
}
]
});
})

'是否有一种方法可以自动复制幻灯片,这样我就可以达到最少5(4+1)张幻灯片?谢谢你。

我试过将"infinite"设置为"true",希望滑片列表自动复制幻灯片。我看到一些人抱怨这个"功能"(他们多么希望它没有复制),但什么也没发生。

slidesToShow: 4改为3.99

点击这里了解更多。

最新更新