javascript - 图像未按所需顺序加载

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