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

文 / @UTHEME

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();
	});
}

这样就可以了哦~!

添加UTHEME为好友
扫码添加UTHEME微信为好友
· 分享WordPress相关技术文章,主题上新与优惠动态早知道。
· 微信端最大WordPress社群,限时免费入群。