jquery - 如何使用效果和循环使用 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);