Ho creato un semplice js che dà l'effetto "dissolvenza" al passaggio del mouse.
Il problema sta al fatto che, all'evento onmouseout tutto ritorni normale (cioè che l'immagine ritorni con opacità 0.3), ma, pur avendo provato millemila codici quando passo il mouse su un immagine l'opacità diventa 1.0, ma quando tolgo il mouse è come se non succedesse niente.
Ecco i codici (momentaneamente non corre su IE):
<head>
<script>
var firstArray = new Array('img/p/home.png', 'img/p/news.png');
function p1(b){
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+0+"."+3+c', 50);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+0+"."+4+c', 100);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+0+"."+5+c', 150);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+0+"."+6+c', 200);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+0+"."+7+c', 250);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+0+"."+8+c', 300);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+0+"."+9+c', 350);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+1+"."+0+c', 450);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+1+"."+0+c', 500);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+1+"."+0+c', 550);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+1+"."+0+c', 600);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+1+"."+0+c', 750);
setTimeout('document.getElementById(b).innerHTML = a+firstArray[0]+d+1+"."+0+c', 800);
}

var c = "; position:relative' />";
var a = "<img src='"
var d = "' style='opacity:";
</script>
</head>
<div id="esempio">[img]img/p/home.png[/img]</div>

Come posso risolvere?
Grazie anticiupatamente