Bild fade

[MystiX]

Tänkte använda mig av DHTML för att få en bild att fadas ut medans en annan fadas in, och det ska inte bara vara 2 bilder, typ 4,5 bilder som går runt runt hela tiden. Går det att göra med DHTML, eller äre flash som gäller då ? Kan inte Dhtml nå vidare, så jag hoppas på lite hjälp.

[Jojoxx]

[kod]
<div id="fadea" style="position:absolute;top:100px;left:100px;visibilityidden;"><img src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif"></div>
<div id="fadeb" style="position:absolute;top:100px;left:100px;visibilityidden;"><img src="http://www.webforum.nu/images/wfstandard/logo_griffel.gif"></div>
<div id="fadec" style="position:absolute;top:100px;left:100px;visibilityidden;"><img src="http://www.webforum.nu/images/wfstandard/top_profile.gif"></div>
<div id="faded" style="position:absolute;top:100px;left:100px;visibilityidden;"><img src="http://www.webforum.nu/images/wfstandard/newthread.gif"></div>

<script type="text/javascript">
var divs=["fadea","fadeb","fadec","faded"];
function fade(n,diff,opacity){
id=divs[n];
opacity=(opacity)?opacitydiff<0)?100:0; opacity+=diff;
if(document.getElementById&&document.all){
document.getElementById(id).style.filter="alpha(opacity="+op acity+")";
}else if(document.getElementById&&!document.all){
document.getElementById(id).style.MozOpacity = opacity/100;
}
document.getElementById(id).style.visibility="visible";
if(opacity>=100){
setTimeout("fade("+n+",-"+diff+","+opacity+");",10);
nn=(n==divs.length-1)?0:n+1;
setTimeout("fade("+nn+","+diff+");",10);
} else if(opacity>0){
setTimeout("fade("+n+","+diff+","+opacity+");",10);
}
}
fade(0,1);
</script>
[/kod]

Tog några bilder från forumet som exempel. Id på alla div'ar som skall vara med i faden anges i arrayen divs.

[MystiX]

Funkar utmärkt, får tacka så mycket