Preloader obrazku

Zdravim,
delam jednoduchou fotogalrii u ktere nacitam obrazky do <img> tagu javascriptem takze neni pokazde treba reloadovat celou stranku ale vzdy se nacte pouze novy obrazek, asi takhle :

var obr = document.getElementById('id_obrazku');

var Images = new Array (..pole nazvu obrazku..)



function ImageChange(index)

  {

  obr.src=Images[index]

 

  ...kod pro pripadnou zmenu rozmeru

  }

a pri kliku na nahled se vola ImageChange s prislusnym indexem, to funguje.
Chtel bych ale pridat funkci ktera pri nahravani noveho obrazku vypisuje neco ve smyslu "nacitam..." (napis sem si dal do divu a JS menim jeho class v tom problem neni), bohuzel vsak nevim jak zjistit ze se obrazek nacetl. Sel jsem na to nasledujicim zpusobem:

myImg = new Image();



function SetImage()

{

 ...skryti hlasky o nacitani

 obr.src=myImg.src;

 ...pripadna zmena rozmeru

}



function ImageChange(index)

{

 ...zobrazeni hlasky o nacitani

 myUrl = imgPath+"/"+Images[index];

 myImg.src = "myUrl";   

 myImg.onLoad = SetImage();

}

Bohuzel se vsak funkce setImage vykona okamzite a ne az po nacteni obrazku tak nevim kde je chyba nebo zda k tomu pristupuju uplne spatne (jeste jsem zkousel postup s timeout a myImg.complete ale vysledek stejny)

Diky za vsechny reakce.

U virtualnich obrazku musi byt onload pred prirazenim src, Leo
aha, uz to jede, dik moc