Zatrzymaj ładowanie obrazów za pomocą javascript (lazyload)?

Próbuję zatrzymać ładowanie obrazów za pomocą javascript on dom ready, a następnie zainicjować ładowanie, kiedy chcę, tak zwane leniwe ładowanie obrazów. Coś takiego:


$(document).ready(function () {
  var images = $('img');
  $.each(images, function() {
    $(this).attr('src', '');
  });
});

To nie działa (testowane w wersji 3.5, Safari 3-4). Obrazy i tak się ładują, nie rozumiem.

Na przykład ta wtyczka, www.appelsiini.net/projects/lazyload, robi dokładnie to samo, usuwając atrybut src podczas ładowania strony.

Czego mi brakuje?

EDYTUJ: Dodałem tutaj stronę testową:http://dev.bolmaster2.com/dev/lazyload-test/ Najpierw całkowicie usuwam atrybut src, a po 5 sekundach dodaję go do oryginalnego obrazu. Nadal nie działa, przynajmniej firebug mówi, że obrazy są ładowane na początku, czy firebug ma zaufanie?

questionAnswers(9)

yourAnswerToTheQuestion