[HTML] Mouseover hilfe

[.SkyVodka]

Heey

wir arbeiten in der Schule mit HTML/PHP/CSS. Hab da ein Problem mit der Mouseover funktion.
Wenn ich nur einen Button drinne hab funktionert es aber wenn ein zweiter draunter ist gehts aber die Bilder wechseln sich nicht mehr.

<a href="x.php" 
    onMouseOver="document.Bild.src='startseite_in.png';" 
    onMouseOut="document.Bild.src='startseite_out.png';">
<img src="startseite_out.png" name="Bild" alt="startseite" border=0>
</a>
<br>
<a href="x.php" 
   onMouseOver="document.Bild.src='bestellformular_in.png';" 
   onMouseOut="document.Bild.src='bestellformular_out.png';">
<img src="bestellformular_out.png" name="Bild" alt="Demolink" border=0> </a>

[boxxiebabee]

window.document.images[Nr].src ="bestellformular_in.png";
Nummer musst du halt bearbeiten.
Eleganter wäre das ganze natürlich wenn du den Images eine ID zuweißt und folgendes machst:
document.getElementById("Img1").src="bestellformul ar_in.png";

[sava]

Nun logischerweise besteht nur das Problem, das du 2 mal den gleichen Namen vergibst - benutze verschiedene Namen.

Kannst auch mouseover etc. direkt im img tag definieren und mit this.src sprichst du es an - so benötigst du garkeine Namen mehr.

[Muddy Waters]

Alternativ referenzierst du das ganze einfach relativ zu deinem a-Element, dann wird es auch eindeutig:

<a href="x.php" 
    onMouseOver="this.firstElementChild.src='startseite_in.png';" 
    onMouseOut="this.firstElementChild.src='startseite_out.png';">
<img src="startseite_out.png" name="Bild" alt="startseite" border=0>
</a>
<br>
<a href="x.php" 
   onMouseOver="this.firstElementChild.src='bestellformular_in.png';" 
   onMouseOut="this.firstElementChild.src='bestellformular_out.png';">
<img src="bestellformular_out.png" name="Bild" alt="Demolink" border=0> </a>