1. ホーム
  2. jquery

[解決済み] 2つの画像を切り替えるにはどうすればよいですか

2022-02-11 20:30:02

質問

このコードを使って、再生ボタンと一時停止ボタンを切り替えようとしているのですが、うまくいかないようです。どうすれば、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="image1.png" width="60px" height="60px"/>
  <img src="image2.png" width="60px" height="60px" style="display:none"/>
</div>