Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> состояние загрузки изображения 
V
    Опции темы
markus_smile
Дата 9.9.2007, 22:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 40
Регистрация: 1.8.2007
Где: Москва

Репутация: нет
Всего: нет



Всем привет! 

нужно подгрузить изображение на страницу, при этом пока картинка небудет польность загружена выводить текст "загрузка..."

Как такое можно сделать?
PM MAIL   Вверх
Ghirik
Дата 10.9.2007, 09:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 919
Регистрация: 26.3.2007

Репутация: 13
Всего: 20



JavaScript не позволяет определить момент полной загрузки изображения. Я скоро собираюсь заняться этой темой, и пока вижу себе решение этого вопроса так. На странице имеем скрытый фрейм, в него, по завершении отправки картинки с сервера, php-скрипт отправляет код. Получение этого кода будет являться событием для отображения картинки.


--------------------
Отдадим всё клиенту, пускай его машина мучается...

PM MAIL   Вверх
AKS
Дата 10.9.2007, 09:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Участник форума
**


Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 27
Всего: 52



markus_smile, сделать можно следующим образом:
1. Создать экземпляр объекта Image.
2. Установить для него обработчик события onload.
3. В обработчике события будет нечто:
    var i = document.createElement('img');
    i.src = this.src;
    someDiv.appendChild(i);
4. Ну а контейнер для вновь созданного изображения (упомянутый выше someDiv) пусть содержит или текст "загрузка", или фоновое изображение, демонстрирующее процесс загрузки...
PM MAIL   Вверх
Ghirik
Дата 10.9.2007, 09:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 919
Регистрация: 26.3.2007

Репутация: 13
Всего: 20



Вообще, фигню написал! Попутал. Это onerror, не все браузеры поддерживают, а onload работает....
Слава специалистам!!! Не дадут незрячему заблудиться..... Сам ведь делал предзагрузку, и такую чушь спорол.... Сегодня ночь спать не буду smile 

Это сообщение отредактировал(а) Ghirik - 10.9.2007, 09:43


--------------------
Отдадим всё клиенту, пускай его машина мучается...

PM MAIL   Вверх
markus_smile
Дата 10.9.2007, 10:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 40
Регистрация: 1.8.2007
Где: Москва

Репутация: нет
Всего: нет



а onload он возникает при полной загрузки всей страницы? 

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

хотелось бы просто узнать можно ли это сделать без использования Ajax
PM MAIL   Вверх
AKS
Дата 10.9.2007, 10:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Участник форума
**


Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 27
Всего: 52



Цитата(markus_smile @  10.9.2007,  10:23 Найти цитируемый пост)
а onload он возникает при полной загрузки всей страницы? 

В нашем с Вами случае речь идет о событии onload объекта new Image:
Код

var i = new Image;
i.onload = function () {
    var i = document.createElement('img');
    i.src = this.src;
    document.body.appendChild(i);
};
i.src = /* путь к файлу изображения, которое надо загрузить */;

Вот примерно такой код должен быть выполнен после нажатия на вашу кнопку.

Цитата(markus_smile @  10.9.2007,  10:23 Найти цитируемый пост)
можно ли это сделать без использования Ajax 

Это нужно делать без использования аякс (ну какой к черту тут аякс?)...

PM MAIL   Вверх
markus_smile
Дата 10.9.2007, 14:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 40
Регистрация: 1.8.2007
Где: Москва

Репутация: нет
Всего: нет



Спасибо.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0717 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.