Bagaimana Saya Boleh Pramuat Imej Dengan Cepat Menggunakan jQuery?

Memuat Pramuat Imej dengan jQuery: Panduan Pantas dan Mudah

Walaupun skrip pramuat imej yang kompleks tersedia, artikel ini menyediakan kaedah yang ringkas dan mudah pramuat imej menggunakan jQuery.

JQuery Kod

Coretan berikut menunjukkan cara yang mudah dan cekap untuk pramuat berbilang imej:

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

// Usage:

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

Dalam kod ini, fungsi pramuat() mengambil tatasusunan laluan imej dan pramuat setiap imej dengan mencipta elemen dan menetapkan atribut srcnya kepada laluan imej. Sebagai alternatif, anda juga boleh menggunakan (Imej baharu()).src = ini untuk pramuat imej.

Pemalam jQuery Alternatif

Jika pendekatan pemalam diutamakan, coretan kod berikut menyediakan pemalam ringkas:

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

// Usage:

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

Pemalam ini memanjangkan objek jQuery dan membolehkan anda untuk pramuat imej dengan memanggil kaedah pramuat() pada tatasusunan laluan imej.

Dengan kaedah ini, pramuat imej menjadi tugas yang cepat dan mudah, memastikan prestasi optimum untuk aplikasi web anda.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Pramuat Imej Dengan Cepat Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!