首页 › 常见问题 › 用swiper做轮播图如何在鼠标放在容器上的时候停止播放

片叶不沾身 发表于 2016-1-19 17:27:56

用swiper做轮播图如何在鼠标放在容器上的时候停止播放

用swiper做轮播图如何在鼠标放在轮播图上的时候停止播放，鼠标拿开后继续播放，求大神指点！

片叶不沾身 发表于 2016-2-26 09:35:55

本帖最后由 片叶不沾身 于 2016-2-26 09:38 编辑

没人解答，不过问题已经解决了，顺便分享一下：

$(function(){
      var swiper = new Swiper('.swiper-container', {
                speed:500,
                autoplay : 3000,
    });
      
      //鼠标经过停止播放
      $(function(){
                $('.swiper-container').hover(function(){
                        swiper.stopAutoplay();
                },function(){
                        swiper.startAutoplay();
                });
      });
});

查看完整版本: 用swiper做轮播图如何在鼠标放在容器上的时候停止播放