kod memuatkan imej jQuery malas
<skrip src="js/jquery.min.js"></script>
<skrip>
var _content = []; //Simpan kandungan gelung li
buat sementara waktu var moreload = {
_default:10, //Bilangan gambar yang dipaparkan secara lalai
_loading:5, //Bilangan item yang dimuatkan selepas setiap klik butang
init:function(){
var lis = $(".moreload .hidden li");
$(".moreload ul.list").html("");
for(var n=0;n<moreload._default;n++){
lis.eq(n).appendTo(".moreload ul.list");
}
$(".moreload ul.list img").setiap(fungsi(){
$(this).attr('src',$(this).attr('realSrc'));
})
for(var i=moreload._default;i<lis.length;i++){
_content.push(lis.eq(i));
}
$(".moreload .hidden").html("");
},
loadMore:function(){
var mLis = $(".moreload ul.list li").panjang;
for(var i =0;i<moreload._loading;i++){
var target = _content.shift();
jika(!sasaran){
$('.moreload .more').html("<p>Semua dimuatkan...</p>");
rehat;
}
$(".moreload ul.list").append(sasaran);
$(".moreload ul.list img").eq(mLis+i).setiap(function(){
$(this).attr('src',$(this).attr('realSrc'));
});
}
}
}
moreload.init();
</skrip>
Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn
Artikel Berkaitan
24 Oct 2023
HTML, CSS dan jQuery: Petua untuk melaksanakan pemuatan malas imej Dalam laman web moden, pemuatan malas imej ialah teknik pengoptimuman yang biasa digunakan, yang boleh meningkatkan prestasi pemuatan tapak web dan mengurangkan beban pada pelayan. Dengan malas memuatkan imej, anda boleh menjimatkan lebar jalur dan mempercepatkan pemuatan halaman dengan memuatkan imej hanya apabila pengguna menatal ke kawasan yang boleh dilihat. Artikel ini akan memperkenalkan cara menggunakan HTML, CSS dan jQuery untuk melaksanakan pemuatan malas imej, dan memberikan contoh kod khusus. 1. Struktur HTML Pertama, dalam HTML I
21 Nov 2023
Gunakan uniapp untuk mencapai kesan imej malas memuatkan Dengan pembangunan Internet mudah alih, imej memainkan peranan penting dalam aplikasi mudah alih. Walau bagaimanapun, memuatkan terlalu banyak imej boleh menyebabkan halaman dimuatkan dengan perlahan dan menjejaskan pengalaman pengguna. Untuk menyelesaikan masalah ini, kami boleh menggunakan kesan imej memuatkan malas yang disediakan oleh rangka kerja uniapp, supaya imej dimuatkan hanya apabila diperlukan, menjimatkan masa memuatkan halaman dan meningkatkan pengalaman pengguna. Pertama, kita perlu memastikan bahawa persekitaran pembangunan uniapp telah dipasang dan projek uniapp telah dibuat. tangkap
16 May 2016
Artikel ini terutamanya memperkenalkan kesan pensuisan karusel imej jQuery Kesan karusel imej amat sesuai untuk paparan produk. Rakan yang berminat boleh merujuknya.
16 May 2016
Artikel ini terutamanya memperkenalkan kesan karusel imej ringkas jquery Kesan karusel imej amat sesuai untuk paparan produk. Rakan yang berminat boleh merujuknya.
16 May 2016
Artikel ini terutamanya memperkenalkan kaedah jquery memaparkan memuatkan imej sehingga halaman web dimuatkan Ia melibatkan kemahiran penggunaan pemuatan halaman jquery dan kesan animasi Rakan yang memerlukannya boleh merujuk kepadanya.
16 May 2016
Artikel ini terutamanya memperkenalkan jQuery untuk melaksanakan kesan karusel imej Kesan karusel imej amat sesuai untuk paparan produk. Rakan yang berminat boleh merujuknya.
15 Nov 2023
Pemuatan malas imej merujuk kepada teknologi dalam aplikasi satu halaman yang memuatkan imej hanya apabila pengguna menatal halaman ke kedudukan imej. Ia juga dipanggil pemuatan malas, yang bermaksud memuatkan apabila diperlukan dan bila-bila masa anda memerlukannya. Dalam penggunaan sebenar, pemuatan malas imej terutamanya menyelesaikan dua masalah: pertama, memuatkan semua imej mempunyai pengalaman pengguna yang lemah, kedua, memuatkan semua imej membazirkan trafik pengguna. Oleh itu, menggunakan teknologi pemuatan malas imej boleh mengurangkan atau melambatkan bilangan permintaan dengan berkesan, melegakan tekanan pada penyemak imbas dan meningkatkan pengalaman pengguna.
16 May 2016
Kami menggunakan ajax jQuery untuk memuatkan kandungan halaman lain dalam halaman sama seperti menggunakan iframe Hari ini saya akan berkongsi dengan anda pemalam yang dipanggil jQuery oLoader Pemalam ini juga menyepadukan oPageLoader, yang boleh mencapai kesan cantik untuk memuatkan imej dan muka surat.
16 May 2016
Artikel ini terutamanya memperkenalkan penatalan imej jquery dan kesan pembesaran Fungsi ini sangat mudah untuk dilaksanakan. Rakan yang memerlukan boleh merujuknya.
Hot Tools
jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine
Kesan khas animasi bunga api pengakuan Hari Valentine jQuery yang sangat popular pada Douyin, sesuai untuk pengaturcara dan pakar teknikal untuk menyatakan cinta mereka kepada gadis yang mereka cintai Tidak kira anda suka atau tidak, anda perlu bersetuju pada akhirnya.
templat antara muka log masuk animasi responsif layui
templat antara muka log masuk animasi responsif layui
520 Kesan khas animasi web pengakuan Hari Valentine
jQuery Animasi Pengakuan Hari Valentine, Animasi Latar Belakang 520 Pengakuan
Halaman log masuk sistem yang keren
Halaman log masuk sistem yang keren
Pemain muzik pita HTML5-CASSETTE PLAYER
Pemain muzik pita HTML5-CASSETTE PLAYER