Bild fade — webForum

MystiXMedlem sedan mars 200218 inlägg

Frågan17 sep. 2003 15:17#1

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.

JojoxxMedlem sedan juni 20004 308 inlägg

17 sep. 2003 18:06#2

<div id="fadea" style="position:absolute;top:100px;left:100px;visibility:hidden;"><img src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif"></div>
<div id="fadeb" style="position:absolute;top:100px;left:100px;visibility:hidden;"><img src="http://www.webforum.nu/images/wfstandard/logo_griffel.gif"></div>
<div id="fadec" style="position:absolute;top:100px;left:100px;visibility:hidden;"><img src="http://www.webforum.nu/images/wfstandard/top_profile.gif"></div>
<div id="faded" style="position:absolute;top:100px;left:100px;visibility:hidden;"><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)?opacity:(diff<0)?100:0; opacity+=diff;
	if(document.getElementById&&document.all){
		document.getElementById(id).style.filter="alpha(opacity="+opacity+")";
	}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>

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

MystiXMedlem sedan mars 200218 inlägg

17 sep. 2003 20:40#3

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