Imej JavaScript petua memuatkan malas perpustakaan Echo.js_javascript

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:

a4570fe85fdec2b577b9e547d6e3b8602cacc6d41bbb37262a98f745aa00fbf0

　

2. HTML

Salin kod Kod adalah seperti berikut:

3b07d364e6c3d8e47cb51f97b541aee4

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
}); 

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!