Fade Effekt

Von TimderMob kam ein Script für ein coolen Fade-Effekt. Dass heißt, wenn man über einen Banner (oder unverlinktes Bild) fährt erhellt sich das Bild…
Einfach ausprobieren 😉

Über die Variable „Faderbild“ legt ihr die URL des Bildes fest, welches den Effekt verpasst bekommt.

Das Script funktioniert nur im Internet Explorer und im Mozilla Firefox, nicht jedoch im Opera Browser.

Update: Dank unseres aufmerksamen Users Tobias funktioniert es nun nach einer Anpassung auch mit dem neuesten Firefox.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- faderbild = 'https://www.kostenlose-javascripts.de/blog/wp-content/uploads/2008/05/homer.jpg'; 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 /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/bilder/fade-effekt/" target="_blank">kostenlose-javascripts.de</a> <br /> <!-- präsentiert von kostenlose-javascripts.de -->