Rumah > hujung hadapan web > tutorial js > Imej JavaScript petua memuatkan malas perpustakaan Echo.js_javascript

Imej JavaScript petua memuatkan malas perpustakaan Echo.js_javascript

WBOY
Lepaskan: 2016-05-16 15:06:35
asal
1896 orang telah melayarinya

Echo ialah alat pemuatan imej malas JavaScript bebas yang pantas, bersaiz kecil (kurang daripada 1k) dan menggunakan atribut data HTML5. Echo menyokong IE8+.

Perihalan pemalam: Seperti Lazy Load, Echo.js juga merupakan JavaScript untuk memuatkan imej yang malas. Perbezaannya ialah Lazy Load ialah pemalam berasaskan jQuery, manakala Echo.js tidak bergantung pada jQuery atau perpustakaan JavaScript lain dan boleh digunakan secara bebas. Dan Echo.js sangat kecil, kurang daripada 1KB selepas pemampatan.

Keserasian

Echo.js menggunakan atribut tarikh HTML5 dan perlu mendapatkan nilai atribut ini, jadi ia tidak serasi dengan IE6 dan IE7. Walaupun Lazy Load juga menggunakan atribut tarikh HTML5, kaedahnya untuk mendapatkan nilai adalah berbeza.

Cara menggunakan

 1. Import fail

Salin kod Kod adalah seperti berikut:


 

2. HTML

Salin kod Kod adalah seperti berikut:
pic

blank.gif ialah imej 1 x 1, digunakan sebagai imej lalai, dan nilai atribut data-echo ialah alamat sebenar imej tersebut. Ia juga terbaik untuk menetapkan lebar dan ketinggian imej, atau menetapkannya dalam CSS, jika tidak, imej yang kelihatan sangat bawah akan ditangguhkan dalam memuatkan.

 

3. JavaScript


Echo.init({
offset: 0,
throttle: 0
}); 
Salin selepas log masuk
Parameter


Parameter

Penerangan

offset

参数

说明

offset 离可视区域多少像素的图片可以被加载
throttle 图片延迟多少毫秒加载
Berapa banyak piksel dari kawasan yang boleh dilihat imej boleh dimuatkan
pendikit

Berapa milisaat kelewatan dalam memuatkan imej
Kandungan di atas adalah untuk pustaka malas memuatkan imej JavaScript Echo.js Saya harap ia akan membantu semua orang!
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan