Swiper.js : delay parameter ignored

标签 swiper

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

我的配置是这样的:

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

                               }
                             );

这几乎有效......除了“延迟”参数被忽略。

我还尝试将“延迟”参数放在自动播放对象之外,如下所示:

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

                               }
                             )

;

这没有帮助。延迟值被忽略。

这里会发生什么?

最佳答案

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

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

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

关于Swiper.js : delay parameter ignored,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47645035/

相关文章:

bundle.js 中的 Webpack : how to include the swiper. css

Swiper,如何实时获取translateX?

reactjs - 如何在不使用固定 CSS 的情况下更改 React JS 中的 Swiper 高度或滑动宽度

vue.js - 如何在 VueJS 中初始化 Swiper?

svelte - 带有 Sveltekit : no "swiping" 的 Swiper

react-native-swiper 下一个/上一个按钮事件

slider - Swiper 触摸事件 - 启用点击但禁用拖动

bootstrap-4 - 垂直刷高度不合理