Отображение графического индикатора загрузки картинки
Реализовал через JavaScript подмену src тега IMG (идет показ разных изображений).
Размер изображений небольшой (до 50 КБ), но все равно иногда после подачи команды на смену изображения (нажатие на кнопку) старое изображение еще показывается 1-2 с. Попробовал откешировать изображение-заглушку и перед сменой изображения подставлять его, но этот метод не работает во всех браузерах кроме Google Chrome. Как сделать графическое отображение процесса загрузки, но без реального прогрессбара (слышал, подобная штука требует установки дополнительного ПО/модификации вебсервера)? Я видел подобные вещи на некоторых сайтах, например на форумах. |
при начале загрузки картинки показывайте анимированный гиф (таких полно), по окончании, соответственно, прячьте его
|
<img src="картинка" style="display: none;" /> Всё закэшируется при заходе на страницу. |
Опера не подгружает же, вроде, ничего для элемента, пока у него display:none.
|
Ну значит надо его далеко в отрицательные координаты поместить
|
либо помести под непрозрачный див, это легко можно сделать только средствами CSS.
|
Ага. Элементы за пределами канвы, размера 0 на 0, с глубоким отрицательным z-index, с visibility: hidden, с clip: rect(0, 0, 0, 0), обрезанные overflow: hidden родителя и прочие, находящиеся в потоке, но визуально скрытые, подгружаются на ура.
|
еще можно в стилях для целевой картинки прописать бэкграунд с анимированной картинкой.
|
Часовой пояс GMT +3, время: 10:51. |