圖像沒有按照需要的順序加載

Question

我已經爲我的圖像分配了一個div id，目的是按特定順序加載它們。然而，他試圖加載的圖像（pocket2.png）並不是。任何想法爲什麼？網站在這裏http://edharrisondesign.com/pocketpictograms/。

在此先感謝！

 jQuery(document).ready(function($) { 

     $(".preload").each(loadImages); 

      function loadImages (i, elem) { 

       var numItems = $('.preload').length; 
       for (var i = 0; i < numItems; i++) { 

        $("#img" + i).each(function(){ 
         var thisSource = $(this).data('src'); 
         $(this).html('<img src="' + thisSource + '" alt=""/>'); 
        }); 
       } 

     } //<end loadImages function> 

    }); 

Answer 1

這些圖像都是異步加載的，這意味着它們會以先完成的順序進行加載，最有可能是最小的圖像先出現。我真的不擔心他們加載的順序，這對於一個體面的連接沒有什麼影響。

如果你真的想優化你的圖片加載，你應該有一個巨大的圖像包含所有圖像，並使用CSS或JavaScript分割它。這意味着只有一個請求到服務器而不是numItems請求。