Background: controllo caricamento immagine

[Igreo]

Siccome ho il caricamento in delay (setTimeout) di un Background-Image abbastanza pesante, vorrei che quando vado a ricaricare la pagina si eliminasse il delay.

Il metodo sarebbe:

if (l'immagine è carica)
{
 ciccio.background-image: url('miaimmagine.jpg');
}
else
{
 setTimeout("carica()", 4000); 
}

function carica() {
 ciccio.background-image: url('miaimmagine.jpg');
}

Quindi il problema è come fare il primo controllo..

Grazie ancora infinite!

[mxa]

Usa l'oggetto Image con l'evento onload. Se l'immagine è già nella cache del browser l'onload verrà chiamato quasi immediatamente. Sono dall'iPad adesso, ma se non riesci da solo più tardi ti posso postare un esempio.

[Igreo]

Ho risolto così.. sperando vi soddisfi (per quanto riguarda me non saprei, visto che dicono che .complete non è proprio accettato da tutti)

var mylogo = new Image();
var elogo = document.getElementById ? document.getElementById("logo") : document.all ? document.all["logo"] : document.layers["logo"];

function f_logo()
{
	mylogo.src = "logo.gif";
	elogo.style.background = "url("+mylogo.src+") no-repeat 4% 50%";
}

if (mylogo.complete != true )
{
	setTimeout("f_logo();",6000);
}
else
{
	elogo.style.background = "url('logo.gif') no-repeat 4% 50%";
}