Pequeña imagen aplazar la biblioteca de carga-IMG aplazar
| Autor: | jenstornell |
|---|---|
| Views Total: | 1,672 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 28, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca JavaScript súper pequeña que tiene la capacidad de aplazar la carga de imágenes hasta que el contenido DOM haya finalizado la carga.
Funcionamiento
Inserte una imagen en el documento utilizando el atributo Data-src. El atributo src regular se utiliza para especificar la ruta a la imagen de marcador de posición como esta:
<img class="defer" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="1.jpg">
Cargue el archivo de JavaScript principal IMG-defer. js al final de su documento HTML.
<script src="img-defer.js"></script>
Inicializar la IMG aplazar y especificar el selector que contiene las imágenes que desea aplazar la carga.
document.addEventListener("DOMContentLoaded", function(event) {
imgDefer.load({
selector: '.defer'
});
});
