Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   forum.boolean.name > Веб-программирование > JavaScript / HTML

JavaScript / HTML Создание динамической разметки страниц

Ответ
 
Опции темы
Старый 06.02.2010, 01:23   #1
SubZer0
Администратор
 
Аватар для SubZer0
 
Регистрация: 03.09.2005
Сообщений: 2,408
Написано 301 полезных сообщений
(для 996 пользователей)
Первый вопрос, загрузка картинки

Приветствую!

На первых парах изучения есть у меня вопрос:


Проблематика:

Загрузка картинки


Решение:

img=document.createElement("IMG");
img.src="путь_к_файлу";
document.body.appendChild(img);
Критика:

Я пока не в курсе на каком моменте картинка вытягивается броузером с сайта.. на момент определения src или на момент выдачи на экран...

Вопрос:

В любом случае меня интересует метод показа на время загрузки картинки другой картинки, как это обычно делается, тыкаешь на эскиз и типа загрузка... ... ... а когда загрузится то загрузка убирается и появляется картинка...

Идеи:

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

пока еще не пробовал, ибо нет у меня хороший сильно... не протестишь толком...

есть у кого какие идеи? как это нормально делается?

ЗЫ: только плиз не надо говорить юзай jquery там все есть...

__________________
Как минимум я помог многим (с)
(Offline)
 
Ответить с цитированием
Старый 06.02.2010, 01:37   #2
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: Первый вопрос, загрузка картинки

Для реализации показа/скрытия картинки. Тут не так и просто.
Во первых, ты не можешь просто так извлечь картинку из документа и продолжить загрузку. Можно её скрыть, но размер например ячейки в таблице, останется прежним. (только щас идея пришла - размер менять картинки, а как загрузиться, увеличивать обратно до нормальных размеров, нада попробовать будет).
Поэтому тебе нада 2 картинки, и в CSS стили, прописать позицию, и наложение на друг дружку. Между 2 картинками.
Далее, первая - это загружаемая, вторая это анимация загрузки (предположим).
Делаешь так:
При каком либо эвенте, нужно указать src для картинки, и убедиться что изначально картинка спрятана, и запустить функцию которая будет запускать себя сама по таймеру, определённой длительности период, проверяя, не скачалась ли картинка. Для таймеров нада window.setTimeout, для проверки скачалась ли картинка: эллемент(картинка).complete - возвращает true/false, если броузер закачал картинку.
Элементы находятся по ID: getElementById

ЗЫ, image.complete - не всеми броузерами держится, и не везде правильно работает. Можно ещё у самого <img> элемента, добавить onload атрибут.
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
SubZer0 (06.02.2010)
Старый 06.02.2010, 04:48   #3
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений
(для 15,675 пользователей)
Ответ: Первый вопрос, загрузка картинки

но размер например ячейки в таблице, останется прежним.
а неча таблицами верстать
ЗЫ: только плиз не надо говорить юзай jquery там все есть...
хочешь геморроя? ну, флаг в руки тогда...
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
Randomize (06.02.2010)
Ответ


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Часовой пояс GMT +4, время: 13:47.


vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com