jquery - 効果とループを使用してJqueryを使用して画像ソースを変更する方法は?

Question

画像ソースをimage1.pngからimage2.png(with fade) に変更してループしたい。以下のコードがありますが、これは image1.png にループしていません。

私のコード

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

Answer 1

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);

Answer 2

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);