Программирование > JavaScript & JScript

Предзагрузчик...

(1/2) > >>

sanika:
Яс Яваскриптом дружу недавно, поэтому прошу вашей помощи. Суть вопроса следующая:
при наведении на маленькую картинку всплывает DIV с большим рисунком. Как сделать чтобы пока этот рисунок в ДИВе полностью не загрузился, над ним появлялся новый дыв с надписью "загрузка?
Спсибо. могу привести код, который есть, если надо.
:confused:

xames:






function loader(url)
{
    div = document.createElement(\'div\');
    div.id=\'wait\';
    document.body.appendChild(div);
    div.innerHTML=\'æäåì\';
    img = document.createElement(\'img\');
    img.style.display=\'none\';
    img.id=\'big\';
    img.src = url;
    img.onload = function () {ById(\'big\').style.display=\'block\';del(\'wait\')};
    img.onmouseout = function () {del(\'big\')};
    document.body.appendChild(img);
}
function ById(id)
{
    return document.getElementById(id);
}
function del(id)
{
    ById(id).parentNode.removeChild(ById(id));
}









------------------------------
надеюсь суть ясна

sanika:
xames чесно нет ..где выполняется проверка на то, подгружена ли картинка?

xames:
это уже мелочи))
if(ById(\'big\'))
{
alert(\'подгружена\');
}

создаешь функцию, которая запускается при нужном действии,
 в функции создаешь слой "Подождите идет загрузка" и  элемент img(скрытый) с указанным url, и в img.onload помещаешь функцию которая удаляет слой "Подождите идет загрузка" и делает видимым загруженную картинку.

Niksen:
xames, а вот если у меня случай сложнее?
В DIV должно писаться много картинок. А возможно, еще и текст.

document.getElementById ("tratata").innerHTML="текст текст ..."

И вот нужно проверить, загрузилось ли все содержимое в DIV - и до этого момента выводить надпись "Подождите, загрузка..." Как тогда быть?

Навигация

[0] Главная страница сообщений

[#] Следующая страница