如何使用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 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);