查看: 2722|回复: 1
打印 上一主题 下一主题

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

[复制链接]

该用户从未签到

1

主题

6

帖子

131

积分

注册会员

Rank: 2

积分
131
跳转到指定楼层
楼主
发表于 2016-1-19 17:27:56 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
用swiper做轮播图如何在鼠标放在轮播图上的时候停止播放,鼠标拿开后继续播放,求大神指点!

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

1

主题

6

帖子

131

积分

注册会员

Rank: 2

积分
131
沙发
 楼主| 发表于 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();
                });
        });
});
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-5-2 17:35 , Processed in 0.056874 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表