¿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?

Respuestas a la pregunta(9)

Su respuesta a la pregunta