使用jQuery旋轉圖像。點擊交換/更改圖片

Question

我總共有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' }); 
}); 

Here是一個工作現場演示