JQuery: Mostrar Imagenes con scroll

Hola! hace 7 years 10 months que escribí esta entrada, puede que esta información ya no sea valida en la actualidad, por favor se comprensivo conmigo cuando comentes 🙂

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.