Swiper.js:忽略延迟参数

时间:2017-12-05 02:16:43

标签: swiper

我正在使用swiper.js创建一个简单的幻灯片。

我的配置如下:

ar mySwiper = new Swiper( '#swiper-container',
                               {
                                   autoplay: true,
                                   delay: 4000,
                                   loop: true,
                                   speed: 2800,
                                   grabCursor : true

                               }
                             )

这几乎有用......除了延迟'参数被忽略。

我也尝试过延迟'自动播放对象外部的参数,如下所示:

v

itertools.combinations

这没有用。延迟值被忽略。

这里可能会发生什么?

4 个答案:

答案 0 :(得分:3)

根据Swiper官方文档,你编写它的方式应该有效。但您也可以尝试将延迟设置为自动播放值,它应该可以解决问题:

var mySwiper = new Swiper( '#swiper-container', {
    autoplay: 4000,
    loop: true,
    speed: 2800,
    grabCursor : true
});

上面的代码已经使用当前的Swiper版本(4.1.0)进行了测试。

答案 1 :(得分:0)

自动播放采用布尔值,这是不可行的 相反,我找到了一个可行的选择。在文档中很清楚

因此,您只需将此参数添加到您的 div class =“ swiper-slide” 即可,

data-swiper-autoplay =“ 2000”

答案 2 :(得分:0)

这是有用的信息,并且有效。谢谢。 适用于3.x.x版本。我这样添加。

autoplay : 4000,
speed: 300,

答案 3 :(得分:-1)

autoplay : 4000 //适用于3.x.x版本

autoplay : false{ delay:4000, ....} //适用于4.x.x版本

完整的详细信息在github文档上