Inserire un'immagine di attesa mentre l'immagine selezionata viene caricata

[nrocco]

Ciao,
non sò se questa richiesta rientra nel preload di immagini...fatto stà che ricercando tra i numerosi post a riguardo non ho trovato niente del genere.

Ho una photo gallery con miniature e quando l'utente clicca sopra ad una di esse la stessa si apre ingrandita in un apposita area al di sopra delle miniature.
Vorrei che, mentre l'immagine si carica, venisse visualizzata al suo posto un'altra immagine (gif animata di attesa).... Ovviamente nel momento in cui l'img si è caricata, la stessa venga subito visualizzata...

questo il codice che richiamo ora al click sulla miniatura:

<script>
function zooma(img) {
    document.getElementById("zoom").src = img;
  }
</script>

...questo il codice html della miniatura:

<div class=image><a class=link_image 
      onclick="zooma('./foto/foto2.jpg')">
[img]...\foto2.jpg[/img]</a></div>

e questo l'html dell'area in cui compare l'img ingrandita

[img]..../foto2.jpg[/img]

Il tutto funziona...vorrei migliorarlo ancora...infatti il caricamento delle img ingradite risulta lento e l'utente potrebbe credere che non stia succedendo niente mentre l'img si carica.
Non voglio caricare tutte le img, solo quelle selezionate!

Grazie!
Bye

[nrocco]

Nessuno?

[Mega69]

Il bello è che per farlo nn serve nemmeno javascript!
Oltre all'attributo src del tag img ne metti un altro: lowsrc="nomefile.gif";
indica l'immagine che sostituisce quella grande prima che venga caricata.
Onestamente nn so se questo metodo va con tutti i browser...

[nrocco]

Troppo bello x essere vero....

Purtroppo non funziona!!!

[Mega69]

Eppure su un libro diceva che si poteva usare...
Allora prova a caricare l'immagine grande e nel frattempo mostra quella piccola;
ogni 5 secondi fai un test: usi la proprietà isReady per vedere se l'immagine è pronta, in caso affermativo cambia al volo l'src del tag img.

[nrocco]

HE he, a dirlo sembra facile...ma io non sono un guru di JS!

Qlc esempio di codice?

Grazie!