preload singola immagine

[ant_alt]

salve, con la ricerca ho trovato questo argomento milioni di volte ma alcuni thread sono rimasti incompiuti, altri contengono codici con errori

semplice: mi serve un preload che carichi una singola immagine..praticamente ho una jpg 500x500px.. mentre carica questa deve esserci il classico cerchietto rotante..
senza redirect, senza array di immagini, senza css inutile

stop

[artorius]

il CSS NON è mai inutile. Ricordalo, giovane Jedi.

dove devi mettere l'immagine mettici un cerchietto rotante o quello che vuoi faccia vedere il caricamento, dopo aggiungici un id, tipo:

[img]loading.gif[/img]

poi fai:

window.onload = function(){
   var img = new Image();
   img.onload = function(){
      document.getElementById('Where').src = this.src;
   }
   img.onFailure = function(){alert('Non è stato possibile caricare l'immagine');}
   img.src = "path/to/my/img.jpg";
} 

Sostitusci il path con il tuo il resto dovrebbe andare.
N.B. se hai già un window.onload, devi aggiungerci sotto il contenuto di questo, non riscriverlo, sennò ti cancella l'altro.

[artorius]

ah scusa, non è img.onFailure , ma img.onError

[ant_alt]

oddio io mica intendevo che il css è inutile
è solo che molti esempi che ho trovato hanno tanti div con attributi di font, size..
a che serve ai fini dell'esempio?


questo intendevo


cmq ora provothanks

[ant_alt]

prima sembrava funzionare..ora non visualizza più l'immagine dopo il caricamento

nell'head:

<script type="text/javascript" language="javascript">
window.onload = function(){ 
   var img = new Image(); 
   img.onload = function(){ 
      document.getElementById('Where').src = this.src; 
   } 
   img.onError = function(){alert('Non è stato possibile caricare immagine');} 
   img.src = "sponsormba.gif"; 
}
</script> 

nel body:

<div class="sponsor">
[img]loading.gif[/img]
</div> 

dove diavolo ho mosso qualcosa? :rollo:

[artorius]

a meno che non hai un altro id = "Where"... prova a fare:

img.onload = function(){
document.getElementById('Where').src = img.src;
}

e definisci img fuori dalle funzioni.

Ho notato che IE6 ha idee strane sullo scope...

[ant_alt]

niente da fare..non ne vuole sapere

gentilmente puoi provare tu così individui subito l'errore thanks

[artorius]

Ho provato il tuo script e funziona.

senti non è che hai cancellato la foto o l'hai spostata, oppure il nome non è corretto?

[ant_alt]

Originariamente inviato da artorius
Ho provato il tuo script e funziona.

senti non è che hai cancellato la foto o l'hai spostata, oppure il nome non è corretto?

ho provato cn diverse immagini e non funzionava ugualmente..

fortunatamente avevo uppato una copia funzionante sul web..(me ne sono accorto ora )
ho sostituito la copia locale con quella
rimarrà per sempre un mistero

thanks


edit: credo di aver individuato l'errore avevo definito loading.gif con width="16" height="16"..quindi l'immagine caricata me la metteva in 16x16px