褪色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）

回答

相關問題