Rollover-Buton

[s0ccer]

Hi,

Möchte auf meiner Seite verschiedene Rollover-Effekte einbauen. Ich verwende html und css. Für den Rollover habe ich folgendes verwendet (von einem Tut aus dem Internet):

<SCRIPT LANGUAGE="JavaScript">
loadImage1 = new Image();
loadImage1.src = "home-ov.png";
staticImage1 = new Imaage();
staticImage1.src = "home.png" ;
</script>

<a href="#" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="home.png" border=0></a>

Nun, wenn ich mit der Maus über den Button (nur ein Bild) fahre, wird dieser durch ein anderes Bild ersetzt, wenn ich aber weggehe, bleibt das neue Bild, es wechselt nicht mehr zurück.. (Button-Schwarz --> mit Maus darüber --> Buton-Blau --> mit Maus weg --> Button immernoch blau und nicht wieder schwarz) Warum ist dies so?

Da ich 5 von diesen Effekten einbauen muss, wollte ich fragen ob es noch einfacher geht? Oder kann ich auch einfach den Java-Script 5 mal kopieren?

Freundliche Grüsse

 

[Banana_Jones]

Vielleicht wegen dem Schreibfehler: staticImage1 = new Imaage();

 

[s0ccer]

Vielleicht wegen dem Schreibfehler: staticImage1 = new Imaage();

Na sowas :-) Hab den Code siche 10mal durchgelesen und diesen Fehler nicht entdeckt..

Besten Dank, es funktioniert ;-)

 

[Banana_Jones]

Bei solchen Fällen bietet sich an, mit FireBug oder den Chrome Developer-Tools zu debuggen. Die hätten dir mit Sicherheit eine entsprechende Fehlermedlung präsentiert