JQuery: Mostrar Imagenes con scroll

closeHola! hace 5 years 11 months 30 days 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.

You may also like...

1 Response

  1. Ha muy bueno, mil Gracias!!!

    saludos

Deja un comentario

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *