在第一张幻灯片上禁用“上一个”控件,在最后一张幻灯片上禁用“下一个”控件。

8 浏览
0 Comments

在第一张幻灯片上禁用“上一个”控件,在最后一张幻灯片上禁用“下一个”控件。

使用Slick,并寻找一种方法,直到用户点击下一个箭头之前,将prev控件禁用和隐藏。同样地,一旦用户到达最后一张幻灯片,我希望Next控件变为禁用和隐藏。

我想要实现的一个很好的例子可以在这里找到。

Slick是否已经有一个我忽略的此功能的属性?或者这可以通过添加一个disabled类来使用CSS来实现吗?

我找到的唯一类似的东西是这样的:

$('.pages .slider').slick({
    autoplay: true,
    autoplaySpeed: 5000,
    infinite: false,
    onAfterChange: function(slide, index) {
        if(index == 4){
        $('.pages .slider').slickPause();

但这并不完全是我要找的。

0