webstylez.net

Fade fuer Bilder

hi leute,
Ihr habt euch betimmt schonmal gefragt wie machen ide das mit diesem milchigen Überblendeffekt???

So einfach gehts :

Öffnet den Editor und gebt diesen Code hier ein, danach speichert ihr die Datei unter dem Namen "fade.js"


nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

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

clearTimeout(nereidFadeTimers[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){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}



Nun fügt ihr diesen Befehl in den Header eurer HTMl Datei.

<script language="JavaScript" src="fade2.js" type="text/javascript"></script>


Nun diesen Befehl in den Body und dort geb ihr die URl an.

<img onMouseOver=nereidFade(this,100,4,4) style="FILTER: alpha(opacity=20)" onMouseOut=nereidFade(this,20,4,4) src="http://urldeswebspaces/Bild.jpg" width="88" height="31" border="0" alt="GFX-Striker">

Wenn es probleme gbit einfach bei mir Melden.

Visit Me Bartospage

Kommentare

beyox
beyox am Donnerstag, 26. Februar 2004 um 22:10

kleine Erläuterung zu den Codes find ich ja bei Tutorials immer ganz hilfreich, meinste nich?

TheSkaterFriend
TheSkaterFriend am Freitag, 27. Februar 2004 um 23:44

und leider funktionieren die ganzen fade codes nicht in Opera, auch wenn Java Script in Opera eingeschaltet ist.

Masterkiller
Masterkiller am Samstag, 28. Februar 2004 um 19:35

ich dachte immer Tut und Erklärung sind untrennbar?! XD
<br>Habs nicht getestet aber erst schreibst du das man die Datei unter dem Namen "fade.js" abspeichern soll und dann gibts du ein Script mit ´ src="fade2.js" ´ an???

dios
dios am Samstag, 6. März 2004 um 17:15

einfach und sieht sehr gut aus... niemand ist perfekt, ist doch viel besser wenn man einen fehler sucht... und dann findet und alles supa funzt !!!
<br>
<br>guter fader
<br>gut gescriptet
<br>
<br>carlos

Darkster
Darkster am Montag, 12. April 2004 um 22:15

du musst fade2.js in fade.js umbennen dann gehts irgendwie gehts auch nur im Inetexplorer in Mozilla gehts auch net

Koka
Koka am Mittwoch, 14. April 2004 um 23:21

lol
<br>das wäre glaube ich zu viel verlangt...

54m
54m am Mittwoch, 9. März 2005 um 10:49

kann man nicht die smilies ausschalten? verwirrt ein bissschen...


(in Worten)