[JavaScript] GIF startet bei Mouseover + Fade Effekt

Proco · 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 ???

Anzeige

Murdoc · 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;

Nützliche Suchen

[JavaScript] GIF startet bei Mouseover + Fade Effekt

Videos zum Themenbereich