swiper轮播

最新推荐文章于 2024-07-12 21:11:29 发布

Abenazhan

最新推荐文章于 2024-07-12 21:11:29 发布

阅读量550

点赞数

分类专栏：常出现问题合集

本文链接：https://blog.csdn.net/Abenazhan/article/details/81330040

版权

常出现问题合集专栏收录该内容

6 篇文章 0 订阅

订阅专栏

swiper自动轮播，并解决处罚点击轮播时，自动轮播不好用：

<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/swiper.jquery.min.js"></script>

<script>
    var swiper = new Swiper('.swiper-container', {
    	autoplay : 5000,  //自动轮播
        loop: true,
        pagination: '.swiper-pagination',
        paginationClickable: true,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        autoplayDisableOnInteraction : false  //用户操作swiper之后，是否禁止autoplay。默认为 true：停止。false是播放
    });
	
    </script>