如何加載前一個完全在jQuery幻燈片中淡出的圖像？

我有一個幻燈片，我希望下一個圖像淡入當前圖像淡出。如何加載前一個完全在jQuery幻燈片中淡出的圖像？

那麼，在前一個圖像完全消失之前，有沒有辦法加載下一個圖像？

這是我在用的：http://jsfiddle.net/Ghokun/wnTte/13/ 只要把圖片上的彼此頂部：

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; 
};

來源

2012-04-11 Chris