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