图像未按所需顺序加载

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个请求。