2011-08-03 40 views
2

大家好我需要一些幫助,還是很新的jQueryjQuery的週期,懸停效果

我使用週期插件我有以下到目前爲止我試圖找到除了愛情之外加入到它的懸停

所以當用戶將鼠標懸停在菜單它是通過它循環的鏈接暫停週期和切換到懸停即用戶控制

但一段時間鼠標移開之後將恢復

var n=0 
var dn=1 
$(document).ready(function() { 
$('.slideshow') 
.cycle({ 
fx:  'fade', 
speed: 500, 
timeout: 3000, 
before: function(curr, next, opts) { 
    n=n+1; 
    if (n>5) {n=1;dn=5} 
    $('#item'+dn).removeClass("active"); 
    $('#item'+(n)).addClass("active"); 
    dn=n; 
    } 
}); 

$(".slideshow").cycle('resume'); 

$(".slideshow").mouseover(function(){ 
    $(this).cycle('pause'); 
}).mouseout(function(){ 
    $(this).cycle('resume'); 
}); 
}); 

有這方面的幫助將是巨大的感謝

回答

2
$(".slideshow").hover(function(){ 
    clearTimeout(); 
    $(this).cycle('pause'); 
}, function(){ 
    setTimeout(function(){ 
     $(this).cycle('resume'); 
    }, 500); 
}); 

當前設定沒有懸停在幻燈片的500毫秒後恢復。

+0

謝謝,但只是停下來,恢復顯示如此接近也許我應該更好地解釋對不起,我試圖讓它顯示相關幻燈片和類與懸停事件,以及暫停 – David

+0

哦,所以你希望它切換到懸停的鏈接?我不明白你的問題,對不起!切換到該圖像後,是否希望它從該點或之前的點繼續循環? – Calum

+0

是的,我想要懸停接管,如果用戶想,但一旦他們mouseout它重新啓動週期,我希望更好地解釋它 – David