On Mouseover in ein anderes Bild verwandeln

[Jarrol]

Hallo

Ich bastel gerade an meiner Seite möchte gerne, dass wenn ich mit der Maus

über ein Land fahre, dass dann eine andere Flagge des Landes zusehen ist.

Beispiel:

<span class="country"><img src="images/germany.png" /></span>

beim Mousover soll aber anstatt das bild germany.png, das Bild germanyround.png

angezeigt werden.

Wie müsste ich das anstellen ?

Ist die beste Lösung Javascript oder macht man das doch mit der CSS ?

 

[vitus37]

Mit CSS ist das nur möglich, wenn das Bild als Hintergrund eingebunden ist.

Mit JavaScript etwa:

<img src="/images/germany.png" alt="" onmouseover="this.src='/images/germanyround.png'" onmouseout="this.src='/images/germany.png'" />

Gruß