unique-gossip

Fade Effekt

Fade Effekt

Beispiel: (fahr mit der Maus über das Bild)



Bewertung: ♥♥♥♥
Schwierigkeit: *

Erklärung

1. Kopiert den Code und fügt ihn auf eurer Webseite ein wo der Effekt auftreten soll
2. Ihr müsst hier nurnoch die "Bildadresse" von euch ändern/eintragen
 

Code

<script type='text/javascript'> <!-- faderbild = 'http://i25.tinypic.com/wlox00.png'; IE = document.all &&!window.opera; GK = window.sidebar; AOB = []; x = 0; function Fader() { this.timeOut=false; this.fade=function(y) { clearTimeout(this.timeOut); this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]); if(this.value>=this.min && this.value<=this.max) { eval('this.object.'+this.attr+'='+this.value) this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate); } } } function init_fader(obj,delta,rate,min,max,dir) { if(IE || GK) { AOB.push(new Fader(x)); OB = AOB[x]; OB.index = x; OB.object = obj; if(IE) { OB.attr = 'filters.alpha.opacity'; OB.faktor = 1; } else { OB.attr = 'style.MozOpacity'; OB.faktor = 100; } OB.delta = delta/OB.faktor; OB.rate = rate; OB.min = min/OB.faktor; OB.max = max/OB.faktor; OB.evt=[-1,1];if(dir)OB.evt.reverse(); OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)'); OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)'); OB.fade(0);x++; } } document.write('<div align="center"><img src="'+faderbild+'" border="0" style="filter:alpha(opacity=50);opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></div>'); //--> </script> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <br />

Frage ?!