Bagaimana untuk Pramuat Imej dalam jQuery: Kaedah Pantas dan Mudah berbanding Pendekatan Pemalam?

Memuat Pramuat Imej dengan jQuery

Walaupun terdapat pemalam jQuery, anda mungkin lebih suka penyelesaian yang ringkas dan ringan untuk pramuat imej.

Pantas dan Mudah Pramuat

Untuk pendekatan yang diperkemas, pertimbangkan coretan kod berikut:

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

Penggunaan:

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

Pendekatan Plugin jQuery

Jika anda lebih suka jQuery pemalam, anda boleh menggunakan yang berikut:

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

Penggunaan:

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

Atas ialah kandungan terperinci Bagaimana untuk Pramuat Imej dalam jQuery: Kaedah Pantas dan Mudah berbanding Pendekatan Pemalam?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!