Rumah >hujung hadapan web >tutorial js >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!