Unslider插件增加鼠标悬停时停止播放功能

Unslider是一款轻量的jQuery轮播插件,简单好用,但默认不支持鼠标悬停时停止播放功能,这是一般轮播插件都支持的功能,像Unslider这样优秀的插件应该是支持的,然而我读了一下源码也没发现有可用的参数支持该功能。

所以,我添加了少量的代码来支持这个功能。

找到:

1
2
3
self.defaults = {
    ......
}

在里边添加:

1
pause: true,

找到:

1
2
3
self.animate = function(to, dir) {
    ......
}

在以上代码块里找到:

1
2
3
if(self.options.autoplay) {
    self.stop().start();
}

在以上代码的后面添加:

1
2
3
4
5
6
7
if(self.options.pause) {
    self.$slides.hover(function(){
        self.stop();
    }, function(){
        self.stop().start();
    });
}

这样就可以了哦~!

原文链接:https://xiaohost.com/2344.html,转载请注明出处。
0