BttrLazyLoading, para cargar imágenes poco a poco


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

[html]

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

<script>

$(‘#yourImg’).bttrlazyloading();

</script>

[/html]

2.- Otra forma de utilizarlo.

[html]

<script>

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

[adjuntos descripcion=”BttrLazyLoading” link=”docs.google.com/uc?id=0B1D53uMGH6xzNUV4czY4M1pHZlU”]