Attesa caricamento immagini sul lightbox

[Reiuky]

Ciao.

Ho scritto ex novo una versione personalizzata del lightbox. Però ho un problema che non so come risolvere: quando carico una nuova immagine, se la connessione è lenta, rimane visibile l'immagine precedente finché la nuova immagine non è completamente caricata.

Come posso fare per nascondere l'immagine / la lightbox fino a che non è caricata la nuova immagine?

Ipotizzo che il blocco di codice dove intervenire sia questo:

// prima nascondo la lightbox
document.getElementById('mylightbox').style.display = 'none';
// inserisco l'immagine
document.getElementById('mylightbox_image').src=imgPath[numImage];	document.getElementById('mylightbox_image').alt=imgName[numImage];
// infine la rendo nuovamente visibile la lightbox
document.getElementById('mylightbox').style.display = 'block';

Grazie in anticipo per l'aiuto

[Reiuky]

Up...

Vi scongiuroooo

[Reiuky]

Last Up.

Per favore

[Xinod]

devi mostrare il livello solo quando l' immagine e' disponibile, onload

visto che sembri usare sempre la stessa <img> in cui caricare le varie immagini probabilmente e' il caso di usare un nuovo oggetto immagine per fare una sorta di preload

// prima nascondo la lightbox
document.getElementById('mylightbox').style.display = 'none';

imgLoader=new Image();
imgLoader.onload=function(){
	document.getElementById('mylightbox_image').src=this.src;
	document.getElementById('mylightbox').style.display = 'block';
	imgLoader.onload=null;
}
imgLoader.src=imgPath[numImage];

ciao

[Reiuky]

Sìììììì!!!!!!!!!!


è proprio quello!!!!

ci ho messo un po' per farci comparire una immaginina di loading ma ora funzia.

Grazie ^_______________^