分享

swiper无法自动播放如何解决?

发布于:2020-04-12 18:07    阅读次数:55    作者:云码素材    分类:建站教程    关键词:swiper  

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


解决方案如下:


移除:loop: true 属性


增加:autoplay: true 属性


完整代码如下:

    var swiper = new Swiper('#l-banner', {
        autoplay: true,
        pagination: '.swiper-pagination',
        paginationClickable: true,
        parallax: true,
        speed: 3000,
    });


推荐源码
查看更多

免费领
签到客服赚钱 反馈 回顶部