Plugin Jquery : Con "lazyload" Cargar Imagenes a medida que haces Scroll hacia abajo.

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
Otro Demo sobre un sitio real

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