[英]Pause auto-rotate on mouseover (jQuery)
我正在使用一个不错的内容滑块插件,但缺少一个重要功能:在鼠标悬停时不会停止自动旋转幻灯片。
这是脚本中的相关部分:
var dotimer = function (x){
if((opts.auto) == true) {
if(timer != null)
clearInterval(timer);
timer = setInterval(function() {
$(opts.next).click();
}, 3000);
}
}
dotimer();
完整脚本可以在这里预览
我希望旋转在鼠标悬停时暂停,并在鼠标悬停时恢复。
在此先感谢您的帮助!
您需要在hover
事件中设置并清除计时器:
var stopTimer() = function () {
if (!timer) return;
clearInterval(timer);
timer = false;
};
$(something).hover(
function() { stopTimer(); },
function() { doTimer(); }
);
尝试:
$(opts.slides).hover(function() {
clearInterval(timer);
},
function() {
dotimer();
});
在此处找到解决方案: http : //www.dlocc.com/articles/jflow-slider-auto-slider-with-pause-functionality/
不管怎么说,还是要谢谢你。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.