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 = 'http://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 /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter günstig" target="_blank">Internetanbieter günstig</a></div> <br /> <!-- präsentiert von kostenlose-javascripts.de -->