⭐ Biblioteca de carga diferida de imagen lenta retina Ready JS-Layzr. js ✅ TodoCodigo.net

Vista prévia

Layzr. js es una biblioteca de JavaScript ligera pero robusta que retrasa la carga de imágenes hasta que se desplazan a la vista.

Pequeño y fácil de usar.
Soporta imágenes retina.
Renderiza imágenes con un sutil efecto de transición mediante requestAnimationFrame.
Sin dependencias.

Cargue la biblioteca layzr. js en la parte inferior del documento.

<script src="dist/layzr.js"></script>

Añade imágenes con marcadores de posición y versiones retina a tu documento como sigue:

<img src="placeholder.jpg"



data-layzr="normal.jpg"



data-layzr-retina="retina.jpg"
>

Habilite la carga diferida en todas las imágenes.

var layzr = new Layzr({

attr: 'data-layzr',

retinaAttr: 'data-layzr-retina',

callback: null
 });

01/10/2017