roll-over für bilder... =) *help*

[ZipZek]

habt ihr ne ahnung wie man das hinbekommt, das ein bild erst ganz schwach sichtbar ist und dann wenn man drüberfährt "normal" ist?
wie auf:

w w w. a n l a n a . d e . v u [bei "LINKS"]

plz help me

greez ZipZek
_________________

 

[THE REAL TOOLKIT]

noch nie bei den webmaster tutorials geguckt?

 

[TheLegendarySaiyan]

Das ist ganz einfach, falls du es noch benötigst. Hier ist der Quelltext:

in head:

<SCRIPT language="JavaScript">
hoverObjects = new Object();
hoverTimers = new Object();

function hover(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){
setTimeout("hover("+object+","+destOp+","+rate+","+delta+")",0);
return;
}

clearTimeout(hoverTimers[object.sourceIndex]);

diff = destOp-object.filters.alpha.opacity;
direction = 2;
if (object.filters.alpha.opacity > destOp){
direction = -2;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){
hoverObjects[object.sourceIndex]=object;
hoverTimers[object.sourceIndex]=setTimeout("hover(hoverObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</SCRIPT>

für bild:

<img onmouseover=hover(this,100,10,5)
style="FILTER: alpha(opacity=20)" onmouseout=hover(this,20,20,5)
src="bild.gif" border=0 width="100" height="100">


Das wars schon.