BttrLazyLoading, para cargar imágenes poco a poco

DESCARGA : BttrLazyLoading

BttrLazyLoading, para cargar imágenes poco a poco, este plugin nos permite cargar imágenes solamente cuando sean visualizadas por el usuario.

Demostración:http://bttrlazyloading.julienrenaux.fr/demo/

Este plugin ademas de permitir aumentar velocidad a cualquier galería de imágenes y tiene algunos aspectos relevantes como por ejemplo:

1.- Permite trabajar con una sola imagen.

2.- Permite trabajar con varias imágenes.

3.- Si están definidos los tamaños la velocidad de carga de las imágenes puede aumentar.

4.- Permite implementar animación despues de que las imágenes cargan.

5.- Crea imágenes durante la carga, no las oculta.

6.- Es responsive.

7.- Esta preparado para retina.

8.- Imágenes de carga personalizada.

9.- tiene métodos que permiten manipular mejor la instancia del plugin.

Lo interesante es que esta muy bien documentado y tiene ejemplos que nos permite tener una idea más clara del plugin.

La manera de implementarlo es sencilla si no utilizamos las opciones que tiene disponible, a continuacion mostramos un ejemplo:

1.- Una forma


<img id="yourImg" class="bttrlazyloading"
    data-bttrlazyloading-sm-src="img/380x380.jpg" />

<script>

$('#yourImg').bttrlazyloading();

</script>

2.- Otra forma de utilizarlo.


<script>

<img id="yourImg" class="bttrlazyloading" />
$('#yourImg').bttrlazyloading({
 sm: {
 src: 'http://placekitten.com/380/380'
 }
});
</script>

You may also like...