preloader con gif animata, ma questa a volta non viene caricata

[beeky]

ciao,

ho realizzato uno script da utilizzare in alcune pagina di amministrazione nel momento in cui eseguo l'upload di alcuni files, in pratica lo script scurisce lo schermo in stile lightbox e fa apparire nel centro dello schermo una box bianca con una gif di quelle classiche per il preload e una scritta "elaborazione in corso"

il problema è che quando eseguo lo script in rete la gif quasi sempre non viene caricata (e si che pesa pochissimi Kb), mentre in locale la vedo.

ma non solo, non si vede nemmeno il simbolino di immagine non presente (quello con la X per intenderci)

posto le parti di codice inerenti, in rosso la parte dove crea il tag per la gif:

var fileImmaginePreloader = "images/loading.gif";
var testoLoader	 = "Elaborazione in corso..."


// Creo html con i DIV con la gif del caricamento

var objBody = document.getElementsByTagName("body").item(0);

	var objBack_loading = document.createElement("div");
		objBack_loading.setAttribute('id','back_loading');
		objBack_loading.style.display = 'none';
		objBody.appendChild(objBack_loading);

	var objMaschera = document.createElement("div");
		objMaschera.setAttribute('id','maschera');
		objBack_loading.appendChild(objMaschera);

	var objLoading = document.createElement("div");
		objLoading.setAttribute('id','loading');
		objBody.appendChild(objLoading);

	var objLoadingImage = document.createElement("img");
		objLoadingImage.setAttribute('src', fileImmaginePreloader);
		objLoading.appendChild(objLoadingImage);
	
	var objCaption = document.createElement("span");
		objCaption.setAttribute('id','caption');
		objLoading.appendChild(objCaption);
	
	
	document.getElementById("caption").innerHTML = "[img]"+fileImmaginePreloader+"[/img]"; 
	document.getElementById("caption").innerHTML = testoLoader;

se eseguo lo script da pagina HTML tutto funziona perfettamente, mentre da pagine ASP succede quello che ho descritto sopra.

da cosa può essere dovuto?

[br1]

Pare che tu immediatamente dopo sostituisci l'immagine con un testo....

document.getElementById("caption").innerHTML = "[img]"+fileImmaginePreloader+"[/img]";
document.getElementById("caption").innerHTML = testoLoader;


ciao

[oronze]

puoi fare così:

document.write("<div id=\"loader\">");
document.write("<div id=\"sfondo_l\"></div>");
document.write("<div id=\"imag\"></div>");
document.write("</div>");

e poi all'onload del body metti recuperaid("loader").style.display="none";
poi le classi e tutto il resto le sistemi tu