Rumah

Kesan khas JS

kesan jQuery

kod memuatkan imej jQuery malas

Muat turun sekarang Pratonton

kod js
<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>

Penafian

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

5 Teknik untuk Memuatkan Imej Malas Untuk Meningkatkan Prestasi Laman Web

08 Feb 2025

Dalam aplikasi web moden, imej telah menjadi salah satu jenis kandungan yang paling biasa digunakan. Walaupun menggunakan imej latar belakang dapat meningkatkan kesan visual aplikasi, saiz imej yang terlalu besar akan mempengaruhi prestasi aplikasi dengan serius. Walaupun selepas pengoptimuman, imej mungkin masih mengambil banyak ruang, menyebabkan pengguna menunggu terlalu lama. Jika pengguna tidak mendapat pengalaman akses cepat ke kandungan, mereka cenderung kehilangan kesabaran dan beralih ke laman web lain, jadi skim pemuatan imej yang cekap adalah penting. Artikel ini akan memperkenalkan lima kaedah pemuatan imej malas untuk membantu anda mengoptimumkan laman web anda dan meningkatkan pengalaman pengguna. Kaedah ini sesuai untuk semua jenis imej, termasuk imej latar belakang, imej sebaris, dan imej bendera. Mata utama Imej Lazy Loading Meningkatkan Prestasi Laman Web Dengan Memuatkan Gambar Secara Segera, Hanya Kandungan Yang Boleh Dilihat ke Halaman Dimuat sepenuhnya

Cara Memuatkan Imej Secara Asynchronous dengan jQuery: Panduan Langkah demi Langkah

20 Nov 2024

Pemuatan Imej Asynchronous dengan jQueryMenyelaraskan pemuatan dan paparan imej pada halaman web anda boleh memberi kesan ketara kepada prestasinya....

Ketahui cara membina galeri imej malas memuatkan dengan Tailwind CSS dan JavaScript

03 Jan 2025

Selamat 20205! Saya kembali dengan tutorial pantas tentang mencipta galeri imej yang malas memuat menggunakan Tailwind CSS dan JavaScript. Apa itu lazy-loading? Lazy-loading mengoptimumkan prestasi dengan memuatkan imej dan media hanya apabila ia diperlukan—seperti apabila ianya

Bagaimana untuk Memuatkan Imej Secara Dinamik dari Folder Menggunakan jQuery/JavaScript?

03 Nov 2024

Memuatkan Imej Secara Dinamik daripada Folder Menggunakan jQuery/JavaScriptNavigating folder untuk memuatkan aset seperti imej boleh mencabar apabila namanya...

Bagaimana untuk Memuatkan Imej Secara Dinamik dari Folder Menggunakan jQuery/JavaScript?

10 Nov 2024

Memuatkan Imej dari Folder Menggunakan jQuery/JavaScriptMendapatkan senarai semua fail imej dalam folder tertentu dan memaparkannya pada halaman web...

Bagaimanakah saya boleh memuatkan imej luaran secara tidak segerak menggunakan jQuery?

11 Nov 2024

Pemuatan Imej Asynchronous dengan jQueryQuestion: Adakah mungkin untuk memuatkan imej luaran secara asynchronous menggunakan jQuery? Jika ya, bagaimana? Jawapan: Ya, ia adalah...

Bagaimana untuk Memuatkan Imej dari Folder ke Halaman Web Anda dengan jQuery/Javascript?

04 Nov 2024

Memuatkan Imej daripada Folder ke Halaman Web dengan jQuery/JavascriptUntuk memuatkan imej daripada folder bernama "imej" ke dalam halaman HTML, anda boleh menggunakan...

Bagaimana untuk Memuatkan Imej Secara Dinamik dari Folder ke Halaman Web Menggunakan jQuery/JavaScript?

03 Nov 2024

Memuatkan Imej daripada Folder ke Halaman Web Menggunakan jQuery/JavaScriptQuestion:Bagaimana kita boleh memuatkan semua imej dari folder tertentu secara dinamik ke dalam...

Bagaimana untuk Memuatkan Imej Secara Dinamik dari Direktori dengan Nama Fail Bukan Berturut-turut Menggunakan jQuery/JavaScript?

04 Nov 2024

Memuatkan Imej Dari Direktori Secara Dinamik Menggunakan jQuery/JavaScriptQuestion:Saya perlu memuatkan berbilang imej daripada folder bernama "imej" ke dalam...

See all articles

Alat panas Tag

penyunting PHP

Alat pembangunan

PHP IDE

Rangka kerja PHP

PHP debugging tools

PHP extensions

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.