swiper4和swiper3手动滑动之后不自动播放的问题解决方法

注意swiper.js自动播放功能默认手动滑动后就停止自动播放了,需要修改默认参数,而且4.x和3.x版本参数不太一样,解决方法如下:

swiper4手动滑动之后不自动播放的问题解决方法

var swiper = new Swiper('.swiper-container', {
      autoplay:{
        disableOnInteraction: false,//默认true
        delay:2000,//默认3000
      },
    });

swiper3手动滑动之后不自动播放的问题解决方法

用户操作swiper之后,是否禁止autoplay。默认为true:停止。
如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。
操作包括触碰,拖动,点击pagination等。

<script>
   var mySwiper = new Swiper('.swiper-container',
    {
      autoplay : 5000,
      autoplayDisableOnInteraction : false,
    })
</script>

 

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注