Forum Webscript.Ru
Программирование => JavaScript & JScript => Тема начата: sanika от 20 Декабря 2006, 17:46:33
-
Яс Яваскриптом дружу недавно, поэтому прошу вашей помощи. Суть вопроса следующая:
при наведении на маленькую картинку всплывает DIV с большим рисунком. Как сделать чтобы пока этот рисунок в ДИВе полностью не загрузился, над ним появлялся новый дыв с надписью "загрузка?
Спсибо. могу привести код, который есть, если надо.
:confused:
-
------------------------------
надеюсь суть ясна
-
xames чесно нет ..где выполняется проверка на то, подгружена ли картинка?
-
это уже мелочи))
if(ById(\'big\'))
{
alert(\'подгружена\');
}
создаешь функцию, которая запускается при нужном действии,
в функции создаешь слой "Подождите идет загрузка" и элемент img(скрытый) с указанным url, и в img.onload помещаешь функцию которая удаляет слой "Подождите идет загрузка" и делает видимым загруженную картинку.
-
xames, а вот если у меня случай сложнее?
В DIV должно писаться много картинок. А возможно, еще и текст.
document.getElementById ("tratata").innerHTML="текст текст ..."
И вот нужно проверить, загрузилось ли все содержимое в DIV - и до этого момента выводить надпись "Подождите, загрузка..." Как тогда быть?
-
Для справки
onLoad
Срабатывает, когда весь контент загрузится в текущий элемент или объект.
Обычные цели
Для всех браузеров работает с window; для браузеров 4 версии и новее рабботает также для элемента img; для IE4 и выше и для Netscape 6 - любой rendered элемент, способный загружать контент.
Вывод: можно попробовать
-
У меня немного другая ситуация. У меня в БЛОК грузится несколько картинок, не одна:
document.getElementById ("tratata").innerHTML="..."
onLoad для блока срабатывает моментально после записи в блок текста ... и не ждет полной подгрузки всех картинок. Как побороть?