0

前のstackoverflowの質問で見つかったこのプリロードimgスクリプトを試してみたい-jQueryを使用した画像のプリロード

わかりやすくするために、私の画像パスはimg / bg / image1.jpgです。このスクリプトを機能させるには、このスクリプトの内容を変更する必要がありますか？また、特定のjqueryバージョンのような他のファイルが必要ですか？それが機能していることをどのようにテストできますか？

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
        // Alternatively you could use:
        // (new Image()).src = this;
    });
}   
preload([
    'img/imageName.jpg',
    'img/anotherOne.jpg',
    'img/blahblahblah.jpg'
]);
4

1 に答える 1

0

jQueryをロードし、もちろん正しい画像パスを配列に入れるだけで済みます

preload([
    'img/bg/image1.jpg'
]);

スクリプトが行うことは<img>、メモリ内にタグを作成し、指定されたソースで画像をロードすることです。それでおしまい。<img>DOM に追加しない限り、画面に表示されません。

Firebug のようなデバッグ ツールがある場合は、[NET] タブを見て、イメージがメモリに読み込まれていることを確認できます。

于 2013-02-21T17:08:02.863 に答える