Biblioteca JavaScript diminuta para la carga diferida de imágenes progresivas-progresivamente
| Autor: | thinker3197 |
|---|---|
| Views Total: | 2,920 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 10, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Sólo otra biblioteca de JavaScript rápida y libre de dependencia que se utiliza para imágenes de carga diferida con un efecto de carga de desenfoque progresivo como se ve en medio o Instagram.
Funcionamiento
Inserte los archivos JS & CSS requeridos en la Página Web.
<link rel="stylesheet" href="progressively.min.css"> <script src="progressively.min.js"></script>
Inserte la imagen de baja calidad en la página web y especifique la ruta a la versión de alta calidad utilizando el atributo ' Data-Progressive ' como este:
<figure class="progressive"> <img class="progressive__img progressive--not-loaded" data-progressive="hd.jpg" src="normal.jpg"> </figure>
Inicializar progresivamente y listo.
progressively.init();
Estas son algunas opciones útiles que se pueden pasar a la progresiva durante init.
progressively.init({
// appropriate value, don't change unless intended
throttle: 300,
// sets the timout value for images to start load asynchronously
delay: 100,
// in pixels
smBreakpoint: 600
// callbacks
onLoadComplete: function () {},
onLoad: function () {},
}); Registro de cambios
v1..2.5 (06/10/2018)
- API actualizada
