¿Dejar de cargar imágenes con javascript (lazyload)?
Estoy tratando de detener la carga de imágenes con javascript en dom ready y luego iniciar la carga cuando quiera, una llamada carga perezosa de imágenes. Algo como esto:
$(document).ready(function () {
var images = $('img');
$.each(images, function() {
$(this).attr('src', '');
});
});
Esto no funciona (probado en ff3.5, safari 3-4). Las imágenes se están cargando de todos modos, no lo entiendo.
Por ejemplo, este complemento, www.appelsiini.net/projects/lazyload, está haciendo exactamente lo mismo, eliminando el atributo src en la carga de la página.
¿Qué me estoy perdiendo?
EDITAR: he añadido una página de prueba aquí:http://dev.bolmaster2.com/dev/lazyload-test/ Primero elimino el atributo src completamente, luego, después de 5 segundos, lo agrego con la imagen original. Todavía no funciona, al menos firebug dice que las imágenes se cargan al comienzo, ¿es firebug en quien confiar?