Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Плавное появление изображений при загрузке страницы (https://javascript.ru/forum/jquery/18263-plavnoe-poyavlenie-izobrazhenijj-pri-zagruzke-stranicy.html)

Imdoode 23.06.2011 18:02

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

nikita.mmf 23.06.2011 19:18

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

Imdoode 23.06.2011 20:24

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

trikadin 23.06.2011 20:46

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

Imdoode 24.06.2011 08:45

Цитата:

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

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

ksa 24.06.2011 08:51

Цитата:

Сообщение от Imdoode
Каким образом?

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

Fluid 27.06.2011 20:55

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

walik 28.06.2011 10:48

Цитата:

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

В CSS изначально ставь:
img {
   visibility: hidden;
}


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


Часовой пояс GMT +3, время: 05:46.