[HTML] Mouseover hilfe

05/09/2012 10:56 .SkyVodka#1
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.

HTML Code:
<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>
05/09/2012 11:59 boxxiebabee#2
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";
05/09/2012 12:34 sava#3
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.
05/09/2012 12:37 Muddy Waters#4
Alternativ referenzierst du das ganze einfach relativ zu deinem a-Element, dann wird es auch eindeutig:
HTML Code:
<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>