Alphafading

Tob

Erfahrenes Mitglied
Hi kann mir vieleicht jemand das Alphafading Tutorial von Klon aus der Webmastertutorialsection mit ein paar erläuternden Kommentaren posten ich blick da leider überhaupt nicht durch.

ich hätte Klon ja ne Pm geschickt aber seine pmbox ist voll:#

tob
 
ich wüsste nich, was ich dem tut von klon hinzufügen könnte.....is eigentlich für alle verständlich...

wer ein paar htmlgrundkenntnisse hat, versteht das locker...

in den head-bereich:

<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 = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
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>

und dann in den img-tag:

id="Bild1" syle="filter:alpha(opacity=50);" onMouseOver="hover('Bild1',100)" onMouseOut="hover('Bild1',50)"

erklärung:

wir geben dem bild einen namen, dmit wir mit ihm arbeiten können :)

syle="filter:alpha(opacity=50);"
wir machen das bild mit hilfe von css irgendwie durchsichtig :) (die 50 kann man auch verändern...)

onMouseOver="hover('Bild1',100)"
wenn man die maus "drauftut" wird das bild sichtbar (100)

onMouseOut="hover('Bild1',50)"
und wenn die maus wieder weggeht, wird der alphawert wieder zurückgesetzt...

---------------

der fertige img-tag sieht dann so aus:

<img src="http://www.w33k.de/images/logo.gif" alt="w33k.de" id="Bild1" style="filter:alpha(opacity=50)" onmouseover="hover(Bild1,100,30,5)" onmouseout="hover(Bild1,50,50,5)" border="0">

---------------

ich hoffe, dass das hilft, aber is wirklich nich viel mehr als klon auch geschrieben hat............
 
Zurück