Swiper无法自动播放

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hua_ban_yu/article/details/82705965

在使用Swiper插件制作轮播图片时,发现Swiper轮播一次后就无法自动轮播,经过查询后发现Swiper的4.x版本不支持loop:true的使用,可以直接使用autoplay: true代替,

解决方案: 在使用4.x版本的Swiper设置自动播放需要去掉loop:true,使用autoplay: true设置自动播放

自动播放代码:

var mySwiper = new Swiper('.swiper-container', {
          autoplay: true,//可选选项,自动滑动
  }) 

猜你喜欢

转载自blog.csdn.net/hua_ban_yu/article/details/82705965