JQuery: Mostrar Imagenes con scroll




lazyload es un plugin de JQuery que nos carga las imagenes a medida que el usuario va bajando el scrolll en nuestra pagina, hoy les explicare como usar este efecto en nuestro sitio web y agregarlo en nuestro tema de wordpress.

Lo primero que debemos hacer es agregar en nuestro HEAD el script.

<script type="text/javascript" src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js"></script>

Luego agregamos la ejecución del script

<script>
	(function($) {
			$(document).ready(function() {
			          jQuery("img").lazyload({
					effect:"fadeIn"
				  });
			});
		})(jQuery);
</script>

Documentacion y Ejemplos

NOTA: Recuerden que es un plugin de JQuery, por tal motivo es necesario tener cargado Jquery en nuestro sitio web.

¿Te pareció útil éste post?



Articulos Relacionados


  • http://www.fotocromiacordoba.com.ar Imprentas en Córdoba

    Ha muy bueno, mil Gracias!!!

    saludos