Cargar imágenes después de cargar la página en JavaScript-carga de imagen borrosa
| Autor: | dombrant |
|---|---|
| Views Total: | 713 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 28, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
La carga de imagen borrosa es otra biblioteca de carga diferida de imágenes en JavaScript puro.
La biblioteca defer la carga de imágenes hasta que todo dentro de la página se ha cargado completamente.
Muestra un efecto de desenfoque en la imagen antes de cargarlo inspirado en la carga progresiva de la imagen de Medium.
Funcionamiento
Importe el JavaScript y CSS de la carga de imagen borrosa en el documento.
<link rel="stylesheet" href="blurry-load.min.css"> <script src="blurry-load.min.js"></script>
Añada la clase CSS ' borrosa-Load ' a su etiqueta IMG y especifique la versión más grande de la imagen en el atributo ' Data-Large ' como se indica a continuación:
<img class="blurry-load" src="small.jpg" data-large="original.jpg">
Registro de cambios
v2.0.0 (08/28/2018)
- conmutado mediante un detector de eventos de carga a DOMContentLoaded
