Swiper中文论坛

标题: swiper轮播图问题？ [打印本页]

作者: 坏人未变坏 时间: 2017-7-13 09:38
标题: swiper轮播图问题？
用手操作让它滚动后，它就不自动滚动了，不知道为什么，求解答，谢谢！
这是html：

<div class="swiper-container swiper-container-horizontal">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="/images/map4.jpg"></div>
<div class="swiper-slide"><img src="/images/map2.jpg"></div>
<div class="swiper-slide"><img src="/images/map3.jpg"></div>
<div class="swiper-slide"><img src="/images/map1.jpg"></div>
</div>
<div class="swiper-pagination"></div>
</div>

复制代码

这是js:

var mySwiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
autoplay: 3000
})

复制代码

作者: 坏人未变坏 时间: 2017-7-13 10:42
加上：

autoplayDisableOnInteraction: false

复制代码

autoplayDisableOnInteraction

作者: 一念轮回 时间: 2017-7-13 11:30
js代码里加上autoplayDisableOnInteraction: false,试试
这个是设置点击过导航器或分页器以后继续执行autoplay，属性设置为true那么就会停止自动切换，默认是true

作者: 烤鸡不用烤 时间: 2017-7-15 11:19
autoplayDisableOnInteraction
用户操作swiper之后，是否禁止autoplay。默认为true：停止。
如果设置为false，用户操作swiper之后自动切换不会停止，每次都会重新启动autoplay。
操作包括触碰，拖动，点击pagination等。
<script>
var mySwiper = new Swiper('.swiper-container',{
autoplay : 5000,
autoplayDisableOnInteraction : false,
})
</script>

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)