0

クリックしたときに画像を変更する方法を見つけました...しかし、ループを作成するために検索しています。つまり、もう一度クリックして古い画像を取得し、もう一度クリックして新しい画像を取得します(必要な画像は2つだけです)。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#ChangeImage").click(function(){
$('#ChangeImage').attr('src','image2.jpg');
});
});
</script>
<img src="image1.jpg" name="my_pic" id="ChangeImage">

その逆にする方法が見つかりません...助けてくれてありがとう!!

4

2 に答える 2

2

関数をattrに渡すことができます。これは、現在の を渡しsrcます。変更する前に次のことを確認してください。

$("#ChangeImage").click(function () {
    $(this).attr('src', function (index, currentSource) {
        return currentSource == 'image2.jpg' ? 'image1.jpg' : 'image2.jpg';
    });
});

これがフィドルです：http://jsfiddle.net/3yZNT/

より新しいバージョンの jQuery (1.6+) を使用している場合は、prop代わりに を使用する必要がありattrます。

于 2013-01-27T20:15:34.547 に答える
0

ここにそれを行う別の方法があります

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

<div id="ChangeImage"><img src="image1.png"/>
<img src="image2.png" style="display:none"/>
</div>
于 2013-01-27T20:20:34.050 に答える