javascript - 幻灯片 - 悬停在缩略图上时暂停显示

Question

客户要求当观众将鼠标悬停在缩略图上时，幻灯片会自动暂停。这可能吗？如果是这样，你怎么做，因为我是一个 javascript 新手。将鼠标悬停在主图像上时，幻灯片当前会暂停。

这是我购买的用于 Wordpress 的 Nivo 滑块插件。

谢谢

保罗日雕塑

Answer 1

$('.nivo-control').hover(function(){
vars.paused = true;
clearInterval(timer);
timer = '';
}, function(){
vars.paused = false;
// Restart the timer
if(timer === '' && !settings.manualAdvance){
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
}
});

在 jquery.nivo.slider.pack.js 中添加此代码。它会起作用的