褪色jQuery幻灯片闪烁/队列问题mouseover（slideSwitch.js）

我已经改编了Jon Raasch的slideSwitch.js tutorial的代码，它基本上是一个衰落的幻灯片。该脚本将“主动”幻灯片提升到更高的Z-索引，并为不明显效果的不透明度带来动画效果。褪色jQuery幻灯片闪烁/队列问题mouseover（slideSwitch.js）

它的工作正常，暂停添加停止mouseover临时幻灯片。

我遇到的问题是我试图停止排队的脚本时，反复鼠标悬停/关闭幻灯片。当这种情况发生时，它会闪烁并发出狂暴声。

我试验过stop（）但是没有正常工作。

有人可以告诉我在哪里插入以下代码？或者如果我以错误的方式去解决它！

干杯

卢克

function slideSwitch() { 
var $active = $('#hp-featured div.active'); 
if ($active.length == 0) $active = $('#hp-featured div:last'); 
var $next = $active.next().length ? $active.next() 
    : $('#hp-featured div:first'); 
$active.addClass('last-active'); 
$next.css({opacity: 0.0}) 
    .addClass('active') 
    .animate({opacity: 1.0}, 1000, function() { 
     $active.removeClass('active last-active'); 
    }); 
} 
$(function() { 
    var playSlideshow = setInterval("slideSwitch()", 5000); 
$('#hp-featured div').hover(function() { 
    clearInterval(playSlideshow); 
    }, 
    function() { 
     playSlideshow = setInterval("slideSwitch()", 5000); 
    }); 
});

来源

2010-07-28 Luke

使用'.stop（true，true）'。这很丑陋，但有时它是获得一些视觉效果的唯一方法。 – MvanGeest 2010-07-28 11:47:08

这是我已经尝试过，但我不知道该把它放在哪里。你会建议什么？ – Luke 2010-07-28 12:04:08

好，我解决了这个一个，这个问题是不是在代码，但在事实上，有一个额外的DIV嵌套在父“滑” DIV中。这个功能正在解除他们的双方并导致混乱。

干杯

来源

2010-08-01 09:42:49 Luke

褪色jQuery幻灯片闪烁/队列问题mouseover（slideSwitch.js）

回答

相关问题