JQuery Cross Fade Transition Onload

Question

我想实现的很简单。我见过插件做到这一点，但我不想使用插件。

我有两个锚图像。一个＃fade1我想加载，然后显示3秒，然后淡出。然后，我想在＃fade1后淡入＃fade2并显示3秒，然后在重复该过程时淡出。

但是，当我将＃fade2设置为900时，它会以450毫秒的速度淡入其他淡出状态。那么任何人都可以帮助我解决这个问题，并解释为什么我刚才提到的不起作用？

这是我的代码。

$('a#fade1, a#fade2').hide(); 

$('div#fadetransitions').ready(function() { 
    $('a#fade1').fadeIn(450).delay(3000).fadeOut(450); 
    $('a#fade2').delay(3450).fadeIn(900).delay(3000).fadeOut(450); 
    return false; 
}); 

Answer 1

你可以这样做：

$('a#fade1, a#fade2').hide(); 

function show1() { 
    $('a#fade1').fadeIn(450).delay(3000).fadeOut(450, function(){show2();}); 
} 

function show2() { 
    $('a#fade2').fadeIn(450).delay(3000).fadeOut(450, function(){show1();}); 
} 


$().ready(function() { 
    show1(); 
});​