jQuery で画像をプリロードする方法: 迅速かつ簡単な方法とプラグインによるアプローチ?

jQuery を使用した画像のプリロード

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'
]);

jQuery プラグインのアプローチ

必要に応じてjQuery プラグインの場合、以下を利用できます:

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

使用法:

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

以上がjQuery で画像をプリロードする方法: 迅速かつ簡単な方法とプラグインによるアプローチ?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。