Sådan:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Fade in - fade out</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var OpC = new Array();
var endOpC = new Object();
var ie = (document.all)?true:false;
var moz = (navigator.userAgent.indexOf("Gecko")>-1)
function startOpChange(elm,end,tim){
if (!ie && !moz)return;
var idx = OpC.length;
for(var i=0;idx>i;i++){
if(OpC[i][0]==elm){
clearInterval(OpC[i][4]);
idx = i;
break;
}
OpC[idx] = new Array();
}
if(idx==0)OpC[idx] = new Array();
if(ie)actOp=elm.filters.alpha.opacity;
else actOp=(elm.style.MozOpacity*100);
if (actOp!=end){
OpC[idx][0]=elm;
OpC[idx][1]=actOp;
OpC[idx][2]=end;
OpC[idx][3]=(end>actOp)?1:-1;
var delayTime = Math.floor((tim*1000)/Math.abs((actOp-end)));
OpC[idx][4]=setInterval("opChange("+idx+")",delayTime);
}
}
function opChange(idx){
OpC[idx][1]+=OpC[idx][3];
if (ie)OpC[idx][0].filters.alpha.opacity=OpC[idx][1];
else OpC[idx][0].style.MozOpacity=Math.min(0.99,OpC[idx][1]/100);
if (OpC[idx][1]==OpC[idx][2]){
clearInterval(OpC[idx][4]);
return;
}
}
function posPic(){
elm = document.getElementById('fisk');
for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
pic = document.getElementById('fisk2');
pic.style.top = zy;
pic.style.left = zx;
}
</script>
</head>
<body style="font-size:12px;" onload="posPic()">
Fade in - fade out på elementer<br><br>
<img src="img/billede.jpg" width="250" height="250" name="fisk" alt="Fade-billede" style="filter:alpha(opacity=0);-moz-opacity:0;"
<img src="img/billede.jpg" width="250" height="250" name="fisk2" alt="Fade-billede" style="position:absolute;filter:alpha(opacity=100);-moz-opacity:1;" onMouseOver="startOpChange(this,0,1);startOpChange(document.getElementById('fisk'),100,1);" onMouseOut="startOpChange(this,100,1);startOpChange(document.getElementById('fisk'),0,1);" title="Klik for at se koden" onclick="window.open('Kode/WD5Kode.html','VisKilde','width=800,height=400,scrollbars,resizable');">
<br><br>
</body>
</html>
