Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Отображение графического индикатора загрузки картинки (https://javascript.ru/forum/dom-window/9653-otobrazhenie-graficheskogo-indikatora-zagruzki-kartinki.html)

Allan Stark 29.05.2010 23:03

Отображение графического индикатора загрузки картинки
 
Реализовал через JavaScript подмену src тега IMG (идет показ разных изображений).
Размер изображений небольшой (до 50 КБ), но все равно иногда после подачи команды на смену изображения (нажатие на кнопку) старое изображение еще показывается 1-2 с.
Попробовал откешировать изображение-заглушку и перед сменой изображения подставлять его, но этот метод не работает во всех браузерах кроме Google Chrome.

Как сделать графическое отображение процесса загрузки, но без реального прогрессбара (слышал, подобная штука требует установки дополнительного ПО/модификации вебсервера)?
Я видел подобные вещи на некоторых сайтах, например на форумах.

SkyLight 30.05.2010 16:51

при начале загрузки картинки показывайте анимированный гиф (таких полно), по окончании, соответственно, прячьте его

exec 30.05.2010 17:00

<img src="картинка" style="display: none;" />


Всё закэшируется при заходе на страницу.

subzey 30.05.2010 18:44

Опера не подгружает же, вроде, ничего для элемента, пока у него display:none.

Gvozd 30.05.2010 18:53

Ну значит надо его далеко в отрицательные координаты поместить

B~Vladi 30.05.2010 23:14

либо помести под непрозрачный див, это легко можно сделать только средствами CSS.

subzey 30.05.2010 23:19

Ага. Элементы за пределами канвы, размера 0 на 0, с глубоким отрицательным z-index, с visibility: hidden, с clip: rect(0, 0, 0, 0), обрезанные overflow: hidden родителя и прочие, находящиеся в потоке, но визуально скрытые, подгружаются на ура.

haha 02.06.2010 17:51

еще можно в стилях для целевой картинки прописать бэкграунд с анимированной картинкой.


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