我有一个幻灯片，我希望在当前图像淡出时让下一个图像淡入。
那么，有没有办法在前一个图像完全消失之前加载下一个图像？
这就是我正在使用的：
var aImages = new Array();
var iPrev = -1;
var iRnd = -1;
aImages[0] = "01.jpg";
aImages[1] = "02.jpg";
aImages[2] = "03.jpg";
aImages[3] = "04.jpg";
aImages[4] = "05.jpg";
aImages[5] = "06.jpg";
$(document).ready(function() {
$("img#bg").load(function()
{
$("img#bg").fadeTo(2000,1);
setTimeout(function()
{
$("img#bg").fadeOut(1000);
setTimeout(LoadImages,1000);
}
,4000);
}
)
setTimeout(LoadImages,1000);
});
function LoadImage(iNr)
{
$("img#bg").attr("src", aImages[iNr]);
};
function LoadImages()
{
while(iPrev == iRnd)
{
iRnd = Math.floor(Math.random()*aImages.length);
}
LoadImage(iRnd);
iPrev = iRnd;
};