Bibliothèque de chargement paresseux d'images JavaScript Astuces Echo.js_javascript

Echo est un outil indépendant de chargement d'images paresseux JavaScript, rapide, de petite taille (moins de 1 Ko) et utilisant l'attribut data-HTML5. Echo prend en charge IE8+.

Description du plug-in : comme Lazy Load, Echo.js est également un JavaScript pour le chargement paresseux des images. La différence est que Lazy Load est un plug-in basé sur jQuery, tandis qu'Echo.js ne dépend pas de jQuery ou d'autres bibliothèques JavaScript et peut être utilisé indépendamment. Et Echo.js est très petit, moins de 1 Ko après compression.

Compatibilité

Echo.js utilise l'attribut date de HTML5 et doit obtenir la valeur de cet attribut, il n'est donc pas compatible avec IE6 et IE7. Bien que Lazy Load utilise également l'attribut de date HTML5, sa méthode d'obtention de la valeur est différente.

Comment utiliser

　1. Importer des fichiers

Copier le code Le code est le suivant :

e186917f42360ce89b568cf30c2894c52cacc6d41bbb37262a98f745aa00fbf0

　

2.HTML

Copier le code Le code est le suivant :

3b07d364e6c3d8e47cb51f97b541aee4

blank.gif est une image 1 x 1, utilisée comme image par défaut, et la valeur de l'attribut data-echo est la véritable adresse de l'image. Il est également préférable de définir la largeur et la hauteur de l'image, ou de la définir en CSS, sinon l'image qui semble tout en bas sera retardée lors du chargement.

　

3.JavaScript

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

Paramètres

Paramètres

Description

offset

参数	说明
offset	离可视区域多少像素的图片可以被加载
throttle	图片延迟多少毫秒加载

À combien de pixels de la zone visible une image peut-elle être chargée

accélérateur

De combien de millisecondes le chargement de l'image est-il retardé

Le contenu ci-dessus est destiné à la bibliothèque de chargement paresseux d'images JavaScript Echo.js. J'espère qu'il sera utile à tout le monde !