swiper轮播器的常用案例分析（swiper hover停止mouseover停止）

时间：2017-03-15 00:34:06 收藏：0 阅读：4232

技术分享

hover停止需要自己设置，代码如下

var mySwiper= new Swiper(‘.swiper-container‘, {
       //这里的常规的设置参数
        pagination: ‘.swiper-pagination‘,
        slidesPerView: 5,
        paginationClickable: true,
        spaceBetween: 30,
        loop:true,
        autoplay:1000,
        loopedSlides:5
    });
    $(‘.swiper-container‘).mouseover(function(){
        mySwiper.stopAutoplay();
    })
    $(‘.swiper-container‘).mouseout(function(){
        mySwiper.startAutoplay();
    })

注意事项：名称一定要一致，至于事件加到谁身上，自己决定。

原文：http://www.cnblogs.com/haley168/p/swiperAPI.html