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"}) 
} 

您可以进一步使用类其他事情以后再说了。