javascript - 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
            })

解决方案

加上一行代码

autoplayDisableOnInteraction: false

具体查阅API

这篇关于javascript - swiper轮播图问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！