jquery - jQueryを使用してonclickで画像を回転させます。クリックで画像を入れ替え/変更

Question

全部で2枚あります。最初のものだけを表示し、2番目のものだけを非表示にします。

次に、画像をクリックすると、画像が2番目の画像に入れ替わります。次にもう一度クリックすると、ループ内で最初の画像に戻り、1、2、1、2、1のように、クリックするたびに画像が常に入れ替わります。 、2など。

乾杯

Answer 1

html：

<img src="URL" id="image1" />
<img src="URL" id="image2" style='display:none;'/>

jquery：

 $("#image1").click(function ( event ) {
      $(this).hide();
      $("#image2").show();
    });
 $("#image2").click(function ( event ) {
      $(this).hide();
      $("#image1").show();
    });

Answer 2

多分あなたはこれを使うことができます：http ：//code.google.com/p/jqueryrotate/

Answer 3

次のようなjQueryのCSS関数を使用してこれを試すことができます。

$('.image').toggle(
function() {
    $('#img1').css({ 'display':'none' });
    $('#img2').css({ 'display':'inline' });
}, function() {
    $('#img2').css({ 'display':'none' });
    $('#img1').css({ 'display':'inline' });
});

これが実際のライブデモです