IMG-Tag Events [HTML]/Alternativen?

[Alter Schwede]

Hallo zusammen,

Ich weiß, dass diese Frage vermutlich sehr einfach zu lösen ist, nur finde ich im Moment absolut keine Lösung.
Ich möchte eine Navigation erstellen wie sie zum Beispiel caseking.de hat (nur halt was einfacher. Dort ändert sich der Hintergrund, wenn man über eines der Elemente mit der Maus kommt etc..
Ich hatte vor es mit 2 Buttons zu lösen, aber ich scheiter an dem HTML-Tag. Es sieht derzeit so aus in meeinen Quellcode:

<p><a href="#" target="_blank"><img src="button2.gif" width="140" height="30" border="0" onMouseOut="button2.gif" onMouseDown="button2n.gif" onMouseOver="button2n.gif"></a></p>

Rein theoretisch sollte es gehen, tut es aber nicht . Weiß jemand was da ganz falsch ist? Oder gäbe es alternativen, wenn ja, wie sähen die Quelltextmäßig aus?

mfg,
Stefan

 

[Scheuch]

Der Hovereffekt sollte für dich ausreichend sein: http://www.css4you.de/hover.html

 

[Alter Schwede]

Hi,

ja das mit dem Hover klingt ganz gut, aber dann kann ich die bilder nicht mehr einsetzen, oder sehe ich das falsch?

 

[Scheuch]

Doch, Bilder lassen sich mit CSS auch einbinden: http://www.css4you.de/background-image.html

 

[KonKorT]

Denke schon:

background-image: url(button2.gif);

 

[[UPS]Erazor]

ansonsten sollte

<p><a href="#" target="_blank">
<img src="button2.gif" width="140" height="30" border="0" 
onMouseOut="this.src='button2.gif'" 
onMouseDown="this.src='button2n.gif'"
onMouseOver="this.src='button2n.gif'">
</a></p>

auch gehen. Is aber quick & dirty.

 

[Alter Schwede]

Ja danke, ich bevorzuge Quick&Dirty^^.

Danke euch allen, die anderen Lösungen Probiere ich gerade durch.