如何使用Jquery使用效果和循環更改圖像源？

Question

我想要將圖像源從image1.png更改爲image2.png（與fade）和循環。 我在下面有這段代碼，但是這並沒有循環到image1.png。

我的代碼

setInterval(function(){ 
    $('.class') 
      .attr('src','image2.png') 
      .stop(true,true).hide() 
      .fadeIn('slow'); 
}, 1000); 

Answer 1

setInterval(function(){ 
    var source = jQuery('.class').attr('src') == 'image2.png' ? 'image1.png' : 'image2.png' 
    $('.class').attr('src',source).stop(true,true).hide().fadeIn('slow'); 
},1000); 

Answer 2

setInterval(function(){ 
    var image = $('.class'); 
    var src = image.attr('src') === 'image1.png' ? 'image2.png' : 'image1.png'; 
    image.attr('src', src).stop(true,true).hide().fadeIn('slow'); 
}, 1000);