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

背字根

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

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

找到:

self.defaults = {
	......
}

在里边添加:

pause: true,

找到:

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

在以上代码块里找到:

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

在以上代码的后面添加:

if(self.options.pause) {
	self.$slides.hover(function(){
		self.stop();
	}, function(){
		self.stop().start();
	});
}

这样就可以了哦~!

个赞
扫码关注背字根

一个热爱Web开发的大男孩