加载后，按顺序加载多个图像

Question

我有四张各种尺寸的图像。我希望他们以一定的顺序加载。如果我使用加载处理程序，它们只会在加载后出现，而不是按顺序显示。但是如果我按顺序将它们设置为.fadeIn（），则不一定会加载它们。

有什么想法吗？这是我到目前为止所得到的：

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

我让z2和z4同时淡入，因为z2大于z4，然后我加载z4后将z1设置为fadeIn，因为z4更大。

我想我可能需要设置一些全局变量，这样一旦满足变量，图片就会淡入，变量将由加载函数设置。任何其他想法都会很棒，所以我不会在此浪费太多时间。

Answer 1

代替调用fadein的加载函数，让它跟踪已加载的图像数量。将var设置为0.每次加载其中一个图像时，增加var。当var命中4时，THEN安排fadeins。

使用延迟很好，但网络故障可能会导致“小”图像在“大”后加载很长时间。