JavaScript image lazy loading library Echo.js_javascript tips

Echo is an independent JavaScript lazy image loading tool that is fast, small in size (less than 1k) and uses the HTML5 data- attribute. Echo supports IE8+.

Plug-in description: Like Lazy Load, Echo.js is also a JavaScript for lazy loading of images. The difference is that Lazy Load is a jQuery-based plug-in, while Echo.js does not depend on jQuery or other JavaScript libraries and can be used independently. And Echo.js is very small, less than 1KB after compression.

Compatibility

Echo.js uses the date attribute of HTML5 and needs to get the value of this attribute, so it is not compatible with IE6 and IE7. Although Lazy Load also uses the HTML5 date attribute, its method of obtaining the value is different.

How to use

　1. Import files

　2. HTML

blank.gif is a 1 x 1 image, used as the default image, and the attribute value of data-echo is the real address of the image. It is also best to set the width and height of the image, or set it in CSS, otherwise the image that seems to be very bottom will be delayed in loading.

　3. JavaScript

Echo.init({
offset: 0,
throttle: 0
}); 

Parameters