Hi,
ich wollte mir ein Menü mit Buttons erstellen, die ihre Farbe ändern, wenn man mit der Maus drüberfährt oder den Button anklickt. Ein Beispiel wäre diese Seite: http://www.johannesbluemel.de/felix/swapimage.html#
Wenn ich den Quellcode einfach so übernehme und mit genau fünf Buttons arbeite, so funktioniert auch alles einwandfrei, aber sobald ich einen sechsten Button hinzufüge, funktioniert dieser nicht. Kann mir da jemand sagen, wieso?
Hier auszugsweise die von mir geänderten Codefragmente (meine Änderungen in Rot):
Im body-Teil habe ich bei den Links dann einfach diese Zeile hinzugefügt und die Zahlen in den Klammern um 1 erhöht:
ich wollte mir ein Menü mit Buttons erstellen, die ihre Farbe ändern, wenn man mit der Maus drüberfährt oder den Button anklickt. Ein Beispiel wäre diese Seite: http://www.johannesbluemel.de/felix/swapimage.html#
Wenn ich den Quellcode einfach so übernehme und mit genau fünf Buttons arbeite, so funktioniert auch alles einwandfrei, aber sobald ich einen sechsten Button hinzufüge, funktioniert dieser nicht. Kann mir da jemand sagen, wieso?
Hier auszugsweise die von mir geänderten Codefragmente (meine Änderungen in Rot):
Code:
// array of "normal state" images
var normalImages = new Array('pictures/image1n.jpg', 'pictures/image2n.jpg', 'pictures/image3n.jpg', 'pictures/image4n.jpg', 'pictures/image5n.jpg'[COLOR=DarkRed], 'pictures/image6n.jpg'[/COLOR]);
// array of "hover state" images
var hoverImages = new Array('pictures/image2h.jpg', 'pictures/image2h.jpg', 'pictures/image3h.jpg', 'pictures/image4h.jpg', 'pictures/image5h.jpg'[COLOR=DarkRed], 'pictures/image6h.jpg'[/COLOR]);
// array of "click state" images
var clickImages = new Array('pictures/image3c.jpg', 'pictures/image2c.jpg', 'pictures/image3c.jpg', 'pictures/image4c.jpg', 'pictures/image5c.jpg'[COLOR=DarkRed], 'pictures/image6c.jpg'[/COLOR]);
Code:
<a href="#" onMouseOver="setHover(6)" onMouseOut="setNormal(6)" onClick="setClick(6)"><img name="image6" src="pictures/image6n.jpg" width=20 height=20></a>