swiper轮播

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>
发布了91 篇原创文章 · 获赞 14 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/Abenazhan/article/details/81330040