Carga diferida de imagen más simple con JavaScript puro-Lazy. js
| Autor: | vishnurs |
|---|---|
| Views Total: | 3,614 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 2, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Lazy. js es una solución de JavaScript minimalista para retrasar la carga de imágenes hasta que se ven en la vista.
Funcionamiento
Cargue el Lazy. js al final del documento para que las páginas se carguen más rápido.
<script src="js/lazy.js"></script>
Inserte la imagen en la posición deseada utilizando el atributo de datos de HTML5-Lazy. loading. gif es un marcador de posición para indicar el progreso de la carga.
<img src="img/loading.gif" data-lazy="your-image.png">
Inicializa la función de carga diferida para tus imágenes.
lazy.init({
delay:1000,
callback : function(elem) {}
});
