第一次图像更改不会淡入或淡出

Question

使用此功能交换图像， 但是当它第一次交换时它不会淡入或淡出它们只是立即交换。然后在第一次即时交换之后它完全有效，有人知道为什么会这样吗？

function swapImages(){
  var $active = $('#maincontent .current01');
  var $next = ($('#maincontent .current01').next().length > 0) ? $('#maincontent .current01').next() : $('#maincontent img:first');
  $next.addClass('next01');
  $active.fadeOut(3000)
    $next.fadeIn(3000,function(){
    $active.removeClass('current01');
    $next.removeClass('next01');
    $next.addClass('current01');
    setTimeout ('swapImages()', 7000);
  });
}

// Run our swapImages() function every 5secs
setTimeout('swapImages()', 6000);

干杯，A.D

Answer 1

如果您正在使用jQuery，我只会使用Cycle。它是完美的。