Fade In dopo preloading dell'immagine non funziona in explorer

[Skull260287]

Ciao a tutti ho un prolema con explorer, solo lui .


Il codice html con cui includo una immagine è del tipo:

[img]../../images/loadingbig.gif[/img]<%= Immagine %>">

Il file javascript incluso nella pagina in questo modo:

<script type="text/javascript" src="js/FadeIn.js"></script>

e con questo contenuto:

<!--

function setPreloading()
{
    var imgs = document.getElementsByTagName('img');
    for(i = 0; i < imgs.length; i++)
    {
         if(imgs[i].getAttribute('rel')){
            var imge = new Image();
            imge.setAttribute('index', i);
            imge.onload = function(){
                 imgs[this.getAttribute('index')].src = imge.src;
            }
            imge.src = imgs[i].getAttribute('rel');
         }
    }
} 

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}

function initImage() {
	imageId = 'thephoto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}
window.onload = function() {setPreloading();initImage()}
// -->

fa il suo corretto lavoro nei browser più comuni, ovvero attentedere il caricamento dell'immagine e poi visualizzarla con un effetto di fadein facendo scomparire il logo di caricamento. in explorer non funziona però. Qualcuno sa capirne il motivo?


Grazie 1000 a tutti coloro che si interesseranno.