光滑滑条超过3张时,应该在第4张滑条附近有空的滑槽

时间:2018-07-20 07:04:46

标签: javascript jquery slider slick.js

我希望光滑的滑块在3张幻灯片中滑动(slidesToScroll:3)。 现在的要求是,如果有多于3张幻灯片(考虑4张幻灯片),则在单击下一步时,它应该显示第4张幻灯片,并且旁边的ADJACENT插槽应该为空。因此,滑块应始终在三张幻灯片,每当超过时,其余插槽应为空。 因此,如果有5张幻灯片,那么最后一个幻灯片插槽将为空。

我无法在小提琴中重现确切的问题。 目前,我只是使用普通的光滑代码。您可以参考此代码笔https://codepen.io/Kibs/pen/aNzvBG

$('.your-class').slick({
    slidesToShow: 3,
    slidesToScroll: 3,
    prevNext: true,
    arrows: true,
    dots: true,
    responsive: [{ 
    breakpoint: 500,
    settings: {
        arrows: true,
        infinite: false,
        slidesToShow: 3,
        slidesToScroll: 3,
    } 
}]
});

0 个答案:

没有答案