一旦加載多個圖像就加載

Question

我有四個不同大小的圖像。我希望他們以一定的順序加載。如果我使用負載處理程序，它們只會在加載後出現，而不是必需的。但是，如果我將它們設置爲.fadeIn（），那麼它們不一定會被加載。

任何想法？下面是我到目前爲止有：

$('.z2').load(function(){ 
    $(this).fadeIn(600); 
    $('.z4').delay(300).fadeIn(1900, function(){ 
     $('.z1').fadeIn(3250);         
         }); 
         }); 

我讓在同一時間Z2和Z4淡入因爲Z2比Z4大，然後我設置Z1到淡入一旦Z4被加載，因爲Z4較大。

我想我可能需要設置一些全局變量，這樣一旦變量滿足，圖片就會淡入，變量將由加載函數設置。其他想法雖然會很棒，所以我不會在這方面浪費太多時間。

Answer 1

而不是加載函數調用淡入淡出，讓它跟蹤有多少圖片已加載。將var設置爲0.每次加載其中一個圖像時，都會增加var。當var命中4時，THEN安排淡入淡出。

玩延遲很好，但網絡故障可能會導致一個「小」的圖像加載很長的一個「大」之後。