Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.05.2010, 23:03
Аспирант
Отправить личное сообщение для Allan Stark Посмотреть профиль Найти все сообщения от Allan Stark
 
Регистрация: 24.04.2010
Сообщений: 87

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

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

Последний раз редактировалось Allan Stark, 31.05.2010 в 10:27.
Ответить с цитированием
  #2 (permalink)  
Старый 30.05.2010, 16:51
Аватар для SkyLight
Злюка-бобер
Отправить личное сообщение для SkyLight Посмотреть профиль Найти все сообщения от SkyLight
 
Регистрация: 21.03.2010
Сообщений: 438

при начале загрузки картинки показывайте анимированный гиф (таких полно), по окончании, соответственно, прячьте его
__________________
In WEB We Trust
У всех есть своя темная сторона...
Ответить с цитированием
  #3 (permalink)  
Старый 30.05.2010, 17:00
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

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


Всё закэшируется при заходе на страницу.
Ответить с цитированием
  #4 (permalink)  
Старый 30.05.2010, 18:44
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Опера не подгружает же, вроде, ничего для элемента, пока у него display:none.
Ответить с цитированием
  #5 (permalink)  
Старый 30.05.2010, 18:53
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Ну значит надо его далеко в отрицательные координаты поместить
Ответить с цитированием
  #6 (permalink)  
Старый 30.05.2010, 23:14
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

либо помести под непрозрачный див, это легко можно сделать только средствами CSS.
Ответить с цитированием
  #7 (permalink)  
Старый 30.05.2010, 23:19
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Ага. Элементы за пределами канвы, размера 0 на 0, с глубоким отрицательным z-index, с visibility: hidden, с clip: rect(0, 0, 0, 0), обрезанные overflow: hidden родителя и прочие, находящиеся в потоке, но визуально скрытые, подгружаются на ура.
Ответить с цитированием
  #8 (permalink)  
Старый 02.06.2010, 17:51
Аспирант
Отправить личное сообщение для haha Посмотреть профиль Найти все сообщения от haha
 
Регистрация: 02.08.2009
Сообщений: 40

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42