图像未按所需顺序加载

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