jquery – 如何在2张图像之间切换

前端之家收集整理的这篇文章主要介绍了jquery – 如何在2张图像之间切换前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用此代码在播放和暂停按钮之间切换,但它似乎没有工作.如何在单击时在两个图像之间切换

http://jsfiddle.net/aFzG9/1/

$("#infoToggler").click(function()
{
    if($(this).html() == "<img src="http://tympanus.net/PausePlay/images/play.png" width="60px" height="60px"/>")
    {
        $(this).html("<img src="http://maraa.in/wp-content/uploads/2011/09/pause-in-times-of-conflict.png width="60px" height="60px"/>");
    }
    else
    {
        $(this).html("<img src="http://tympanus.net/PausePlay/images/play.png" width="60px" height="60px"/>");
    }
});

谢谢

解决方法

一种不同的可能更简单的方法来处理它:

http://jsfiddle.net/M9QBb/1/

$("#infoToggler").click(function() {
    $(this).find('img').toggle();
});​

<div id="infoToggler"><img src="http://tympanus.net/PausePlay/images/play.png" width="60px" height="60px"/>
<img src="http://maraa.in/wp-content/uploads/2011/09/pause-in-times-of-conflict.png" width="60px" height="60px" style="display:none"/>
</div>

猜你在找的jQuery相关文章