Galleria immagini - resize della finestra

[blade75]

Ciao a tutti,
faccio il mio primo post sul forum con una domandina che probabilmente per molti sarà banale.

Devo fare una galleria di immagini con pulsante avanti e indietro, e una immagine visualizzata alla volta. Mi chiedono di fare in modo che la finestra del browser venga ridimensionata automaticamente a seconda dell'immagine. Io ho scritto questo codice:

function chgImg(direction) {

if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
tmp = new Image();
tmp.src = NewImg[ImgNum];

window.resizeTo(tmp.width+100,tmp.height+140);
document.slideshow.src = NewImg[ImgNum];
document.slideshow.alt = NewTxt[ImgNum];
document.getElementById("CaptionBox").innerHTML = NewTxt[ImgNum];
   }
}

Il problema è che la funzione che rileva la dimensione dell'immagine, va a buon fine solo quando l'immagine è stata completamente caricata. Con l'effetto che la finestra viene ridimensionata a dimensione francobollo. Poi quando tutte le immagii sono in cache, ilproblema scompare.
La domanda è: come posso evitare la cosa senza fare un preload di tutte le immagini che costituiscono la galleria? E' possibile aggiungere un controllo che attenda il caricamento dell'immagine prima di fare il resize della finestra?

Grazie,
Bl@de

[Xinod]

prova scrivendo, al posto di
tmp.src = NewImg[ImgNum];
window.resizeTo(tmp.width+100,tmp.height+140);

tmp.onload=function(){
  window.resizeTo(this.width+100,this.height+140);
}
tmp.src = NewImg[ImgNum];

ciao

[blade75]

tmp.onload=function(){
  window.resizeTo(this.width+100,this.height+140);
}
tmp.src = NewImg[ImgNum];

ciao

Mitico! Grazie Xinod, funziona!
Avevo provato anche io, nel mio approccio euristico al problema, con l'onload handler, ma lo avevo messo dopo la riga

tmp.src = NewImg[ImgNum];

e evidentemente non funzionava!
Beh era più semplice di quanto credessi!
Grazie ancora.

Ciao,
Bl@de