Bagaimanakah Saya Boleh Pramuat Imej dengan Cekap dengan jQuery?

Memuat Pramuat Imej Secara Cekap dengan jQuery

Jika anda mencari pendekatan yang diperkemas untuk pramuat imej menggunakan JavaScript dengan jQuery, pertimbangkan penyelesaian berikut:

Cepat dan Mudah Kaedah

Untuk pendekatan yang ringan dan mudah, cuba fungsi ini:

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

Penggunaan:

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

Pemalam jQuery

Jika anda lebih suka berasaskan pemalam penyelesaian:

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

Penggunaan:

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

Kaedah ini menawarkan cara yang cepat, mudah dan cekap untuk pramuat imej dalam jQuery.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Pramuat Imej dengan Cekap dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!