0

特定の順序で画像を読み込むために、画像にdividを割り当てました。しかし、私が最初にロードしようとしている画像（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>

    });
4

1 に答える 1

1

画像はすべて非同期で読み込まれます。つまり、最初に終了した順序で、おそらく最小の画像が最初に表示されます。それらがロードされる順序についてはあまり心配しません。まともな接続ではほとんど違いはありません。

画像の読み込みを本当に最適化したい場合は、すべての画像を含む単一の巨大な画像を作成し、CSSまたはjavascriptを使用して分割する必要があります。これは、リクエストではなく、サーバーへのリクエストが1つしかないことを意味しnumItemsます。

于 2013-03-10T15:00:44.280 に答える