#1 26. Oktober 2010 GIF startet bei Mouseover + Fade Effekt Hallo Leute, bin absoluter Anfänger und hab da schon wieder ne Frage. Ich möchte folgendes mit einer GIF Datei auf meiner Homepage machen: Normalstatus: Standbild der GIF-Datei. Außerdem ist das Bild verblasst (Fade-Effekt). beim Mouseover: GIF-Datei ist nicht mehr verblasst und läuft ganz normal ab. auf Javascripts-kostenlos.de habe ich diesen Fade-Effekt gefunden: Code: <!-- 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="Internet Anbieter" target="_blank">Internet Anbieter</a></div> <br /> <!-- präsentiert von kostenlose-javascripts.de --> Wie kann ich das ganze jetzt bewerkstelligen ? BW's gibts natürlich für jeden der mir weiter hilft. Danke! Proco //EDIT: Hab da noch ne andere Zusatzfrage die ich hier mal reinschiebe. Wie kann ich eine Map von Google in einer Seite mittig positionieren ? Ich kenne nur align="center" aber ich weiß nicht ob das da auch richtig ist und wo ich das hinschreiben müsste ??? + Multi-Zitat Zitieren
#2 26. Oktober 2010 AW: GIF startet bei Mouseover + Fade Effekt lass den fader weg. der is absoluter müll (eval etc). im grunde kannst du dein vorhaben mit css lösen: Code: a { background-image: url("bg-normal.png"); opacity: 0.8; } a:hover { background-image: url("bg-animation.gif"); opacity: 1.0; } feste breite + margin: 0 auto; + Multi-Zitat Zitieren