Плавное появление изображений при загрузке страницы

[Imdoode]

Такая проблема: есть длинный список из div'oв, каждый пункт имеет свое изображение. Как можно осуществить последовательную и плавную загрузку изображений? Как то:
Загрузился текст, плавно загрузились видимые изображения. Пользователь прокручивает страницу - тут же загружаются последующие изображения и так же плавно выводятся.
Как это можно осуществить?

[nikita.mmf]

http://www.appelsiini.net/projects/lazyload

[Imdoode]

Вопрос решен частично. Если изображений на экране в зоне видимости несколько, как осуществить их плавный вывод, а не кусками, как их грузит браузер? (В плагине первое изображение грузится рывками)

[trikadin]

К примеру, делать картинкам нулевую прозрачность, а на onload ставить ф-цию, которая делала бы прозрачность нормальной.

[Imdoode]

К примеру, делать картинкам нулевую прозрачность, а на onload ставить ф-цию, которая делала бы прозрачность нормальной.

Каким образом?

$('img').onload(function(){
alert('Изображение загружено');
});

[ksa]

Каким образом?

Как вариант? используй
http://javascript.ru/setTimeout

[Fluid]

Делай предзагрузку изображений. Еще до вывода

[walik]

Каким образом?
$('img').onload(function(){
alert('Изображение загружено');
});

В CSS изначально ставь:

img {
   visibility: hidden;
}

$('img').load(function() {
   $('img').fadeIn();
});