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  alt="Bagaimanakah Saya Boleh Pramuat Imej dengan Cekap dengan jQuery?" >')[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  alt="Bagaimanakah Saya Boleh Pramuat Imej dengan Cekap dengan jQuery?" >')[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!