jQuery を使用して画像を効率的にプリロードするにはどうすればよいですか?

jQuery を使用した画像の効率的なプリロード

jQuery で JavaScript を使用して画像をプリロードする合理的なアプローチを探している場合は、次の解決策を検討してください。

素早く簡単メソッド

軽量で簡単なアプローチについては、次の関数を試してください:

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
        // Alternatively:
        // (new Image()).src = this;
    });
}

使用法:

preload([
    'img/imageName.jpg',
    'img/anotherOne.jpg',
    'img/blahblahblah.jpg'
]);

jQuery Plugin

プラグインベースを好む場合解決策:

$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

使用法:

$(['img1.jpg','img2.jpg','img3.jpg']).preload();

これらのメソッドは、jQuery に画像をプリロードするための迅速、簡単、効率的な方法を提供します。

以上がjQuery を使用して画像を効率的にプリロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。