jQuery的播放/暫停切換滾動

Question

我有一個jQuery腳本幻燈片播放/暫停按鈕，點擊兩個圖像之間切換。有沒有辦法將翻轉狀態添加到正在切換的單獨圖像？

這裏的腳本：

$(".play").toggle(
function() { 
$(this).find("img").attr({src:"images/btn-play.png"}); 
}, 
function() { 
$(this).find("img").attr({src:"images/btn-pause.png"}); 
} 
); 

這裏的網站：http://www.beta.erickdoxey.com（工作正在進行中）。上一個和下一個按鈕具有我希望通過暫停/播放按鈕實現的翻轉狀態。任何幫助，將不勝感激。

Answer 1

我的建議是向播放按鈕添加一個類，然後在懸停時檢測該類。我的意思是：

$(".play").toggle(function() { 
    $(this).find("img").attr({src:"images/btn-play.png"}).addClass('paused'); 
}, function() { 
    $(this).find("img").attr({src:"images/btn-pause.png"}).removeClass('paused'); 
}); 

然後你就可以檢測到它在懸停，像這樣：

if (this).hasClass('paused') { 
    $(this).find("img").attr({src:"images/btn-play-hover.png"}) 
} else { 
    $(this).find("img").attr({src:"images/btn-pause-hover.png"}) 
} 

您可以進一步使用類其他事情以後再說了。