il problema stavolta è una questione di timing...
nella mia pagina index sono presenti un logo swf(7kb) e un preload java centrati nella pagina, voglio fare in modo che il preload appaia e vada in esecuzione un attimo prima che termina il fade-in del logo.
sapendo la durata dell'animazione(circa 1sec e mezzo) ho impostato le istruzioni per la partenza come segue :
codice:
setTimeout("fade('bg')",1050);
setTimeout("fade('bar')",1050);
setTimeout("fade('loadER')",1050);
setTimeout("startLoading()",1500);
le prime due fanno comparire la barra di background del preload e la barra di avanzamento che viene aggiornata e incrementata dallo script, la terza è la gif stile "youtube" per far capire che il caricamento è in corso, la quarta fà partire effettivamente il caricamento delle immagini un attimo dopo che è completato il fade-in dei tre elementi sopra(400 millisecondi), ho inserito queste dentro la seguente funzione :
codice:
window.onload= function() {
i 4 timeout
}
il problema è proprio il window.onload...l'istruzione entra in esecuzione solo quando tutti gli elementi della pagina sono stati caricati, la cosa può durare anche 3 secondi, dopo subentrano i timeout, con un attesa complessiva per l'apparizzione di 4 secondi e qualcosa, la velocità invece diminuisce drasticamente effettuando il refresh della pagina facendo partire i timeout troppo in fretta(in relazione al tempo specificato negli stessi, quindi un secondo dopo)
vorrei invece che le istruzioni(e quindi i timeout) venissero letti ed eseguiti non appena viene terminato il download del file swf del mio logo, in modo da poter gestire liberamente e in sincrono il timing del logo e del preload...come posso mettere questa istruzione?