Swiper中文论坛

标题: swiper里如何设置鼠标hover上去停止自动轮播,在线坐等 [打印本页]

作者: jaychou625    时间: 2016-8-6 19:43
标题: swiper里如何设置鼠标hover上去停止自动轮播,在线坐等
swiper里如何设置鼠标hover上去不自动轮播,移出后继续轮播的效果啊,api看的好蛋疼,在线坐等

作者: jaychou625    时间: 2016-8-6 19:45
人工置顶
作者: jaychou625    时间: 2016-8-6 19:52
人工置顶
作者: jaychou625    时间: 2016-8-6 19:58
人工置顶
作者: 605822732    时间: 2016-12-10 11:49
  $('.s-box').hover(function(){
          mySwiper.stopAutoplay();
          },function(){
          mySwiper.startAutoplay();
         
});
作者: sunweixin8    时间: 2020-7-9 18:15
官方实例,不过官方的搜索不太智能
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
  autoplay : true,
})

//鼠标覆盖停止自动切换
mySwiper.el.onmouseover = function(){
  mySwiper.autoplay.stop();
}

//鼠标离开开始自动切换
mySwiper.el.onmouseout = function(){
  mySwiper.autoplay.start();
}
</script>




欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2