jQuery Cycle2在懸停上反轉

Question

所以我試圖用Cycle2插件創建一個輪播。與此不同的是，當點擊下一個和上一個按鈕時，它並不僅僅來回循環，而且還會在鼠標懸停在按鈕上時開始循環。

我可以用下面的代碼爲下一個按鈕創建此行爲，暫停輪播並在下一個按鈕懸停時恢復它。

$('.cycle-slideshow').cycle('pause'); 

$('#next').hover(function() { 
    //mouse enter - Resume the slideshow 
    $('.cycle-slideshow').cycle('resume'); 
}, function() { 
    //mouse leave - Pause the slideshow 
    $('.cycle-slideshow').cycle('pause'); 
}); 

我無法弄清楚如何反轉上一個按鈕懸停的幻燈片放映方向。有任何想法嗎？

任何輸入，非常感謝。提前致謝。

Answer 1

假設.cycle('prev')沒有取消暫停輪播。如果是這樣，您將需要在每次撥打.prev並在鼠標離開功能後再次暫停。

試着這麼做：

var intervalVar; 

$('#prev').hover(function() { 
    //mouse enter - Resume the slideshow 
    intervalVar = setInterval(function(){ 
     $('.cycle-slideshow').cycle('prev'); 
    },1000); 
}, function() { 
    //mouse leave - Pause the slideshow 
    clearInterval(intervalVar); 
}); 

這假定您週期每1秒......你會改變1000匹配然而，許多毫秒的轉盤設爲過渡。