Помогите реализовать предварительную загрузку картинки

[CoolBoy]

Задача: По нажатии на ссылку посредине экрана появляется слой на котором и отображается картинка. Мне надо что бы на этом слое появлялся индикатор загрузки ну или например писало "Подождите идет загрузка..." Ну а после того как картинка загрузится индикатор загрузки исчезал и появлялась картинка во всей своей красе

Проблема: Как опредилить загрузилась ли картинка? Помогите пожалусто...

[WingedFox]

событие onload у картинки

[CoolBoy]

Че то всеровно не понятно

Лано тада так, есть вот такой скрипт

function dopic(name,picx,picy){

if (vis == 0)

{

var rahmen='white';

var alttext="Нажмите на картинке чтобы закрыть ее.";

if (trigger!=1)

{

trigger=1

if(document.layers)

{

document.layers['picarea'] = new Layer(2);

document.layers['picarea'].left = 0;

document.layers['picarea'].top = 0;

document.layers['picarea'].height = 20;

document.layers['picarea'].visibility = "hidden";

}

else

if (document.all)

{

document.body.insertAdjacentHTML("BeforeEnd",'

');

document.body.insertAdjacentHTML("BeforeEnd",'

Подождите пожалуйста идет загрузка...

');

}

}

if (trigger != 0)

{

if (document.layers)

{

document.layers['picarea'].visibility="hide"

document.layers['fonarea'].visibility="hide"

}

if (document.all)

{

picarea.style.visibility="hidden"

fonarea.style.visibility="hidden"

}

}

content="

content=content+name+"" name="pic" alt=""+alttext+"" border=5 ";

content=content+">

";

if (document.layers)

{

sprite=document.layers['picarea'].document;

sprite.open();

sprite.write(content);

sprite.close();

document.layers['picarea'].left = picx;

document.layers['picarea'].top = picy;

document.layers['picarea'].visibility="show";

document.layers['fonarea'].visibility="show";

vis=1

}

if (document.all)

{

document.all['picarea'].innerHTML = content;

picarea.style.top=picy

picarea.style.left=picx;

picarea.style.visibility="visible";

fonarea.style.visibility="visible";

vis=1

}

}

}

function clearpic()

{

vis=0

if (document.layers){document.layers['picarea'].visibility="hide"; document.layers['fonarea'].visibility="hide"};

if (document.all){picarea.style.visibility="hidden"; fonarea.style.visibility="hidden"};

}

В НТМЛ это дело выглядит таким образом:

Подскажите как мне реализовать написаное выше )

[Emm]

http://www.tigir.com/javascript.htm - рецепты

[CoolBoy]

Ок спасибо. Немножко помагло но у меня есть еще пару вопросиков:

1. Можноли по нажатию на картинку узнать ее scr?

2. Для размещения дива поcредине экрана воспользовался функцией document.body.clientWidth и document.body.clientHeight но она работает так как хотелось бы только в опере, в ИЕ она работает как document.body.scrollWidth и document.body.scrollHeight. Подскажите...

Зарание благодарен.

[CoolBoy]

Подскажите плз Мне завтро надо здать