Плавное появление изображений при загрузке страницы
Такая проблема: есть длинный список из div'oв, каждый пункт имеет свое изображение. Как можно осуществить последовательную и плавную загрузку изображений? Как то:
Загрузился текст, плавно загрузились видимые изображения. Пользователь прокручивает страницу - тут же загружаются последующие изображения и так же плавно выводятся. Как это можно осуществить?:help: |
|
Вопрос решен частично:yes:. Если изображений на экране в зоне видимости несколько, как осуществить их плавный вывод, а не кусками, как их грузит браузер? (В плагине первое изображение грузится рывками)
|
К примеру, делать картинкам нулевую прозрачность, а на onload ставить ф-цию, которая делала бы прозрачность нормальной.
|
Цитата:
$('img').onload(function(){ alert('Изображение загружено'); }); |
|
Делай предзагрузку изображений. Еще до вывода
|
Цитата:
img { visibility: hidden; } $('img').load(function() { $('img').fadeIn(); }); |
Часовой пояс GMT +3, время: 05:46. |