Simulazione loading con gif

**Freux** · 27-06-2011, 12:55

Salve a tutti, come posso far spuntare una gif animata di caricamento per 2 o 3 secondi dentro un div, la quale gli viene caricato tramite innerhtml un iframe ?

Es.

codice:

<script> finction prova() 
{ 
document.getElementById('contenuto').innerHTML= '<iframe src="link.html"></iframe>';
} 
</script>    
<div id="contenuto"> </div> 
[img]image.jpg onclick=[/img]

Dentro il div contenuto vorrei che spuntasse per 2-3 secondi una gif animata, per simulare un caricamento, dopodichè può spuntare il contenuto(link.html).

Qualche condiglio?

Grazie

**longilineo** · 28-06-2011, 11:12

var inizio = 3;
function Countdown()
{
inizio--;
if (inizio > 0) window.setTimeout("Countdown()", 1000);
else document.getElementById("contenuto").innerHTML = "cambia il contenuto";
}

<body onload='Countdown'>
<div id='contenuto'>[img]mygif.gif[/img]</div>

**Freux** · 28-06-2011, 15:51

Ok grazie. :-)

**longilineo** · 28-06-2011, 16:02

non è da leggere come 'script nuovo' è semplicemente come dovrebbe comportarsi la funzione prova, poco cambia se io l'ho chiamata countdown al posto di prova e se l'ho invocata al caricamento del body piuttosto che al click su un immagine.

A te serve una funzione che dopo un tot di secondi cambia il contenuto di un div, e Countdown() fa proprio questo.

Discussione: Simulazione loading con gif

Strumenti discussione

Ricerca discussione

Visualizza

Simulazione loading con gif

Permessi di invio