Probleme mit Mouseonover Effekt

[nc10]

Hallo,

ich würde gerne auf der Startseite meiner homepage vier mal das gleiche Bild nebeneinander haben. Soweit kein Problem. Außerdem soll sich jedes der vier Bilder in ein anderes Bild verwandeln wenn ich mit der Maus darüber bin. Das habe ich versucht mit mouseover zu verwirklichen. Bei einem Bild klappt das problemlos! Sobald ich aber mehr Bilder habe, egal ob nebeneinander oder untereinander, funktioniert das nicht mehr! Wer kann mir da weiterhelfen?
1. Code funktioniert problemlos

<a href="index.htm" 
   onMouseOver="document.Bild.src='bild2.jpg';" 
   onMouseOut="document.Bild.src='bild.jpg';">

<img src="bild.jpg" 
   name="Bild" 
   alt="Demolink" 
   border=0>
</a>

2. Code: mehr "linkbilder" nebeneinander, funktioniert nicht mehr

<a href="index.htm" 
   onMouseOver="document.Bild.src='bild2.jpg';" 
   onMouseOut="document.Bild.src='bild.jpg';">

<img src="bild.jpg" 
   name="Bild" 
   alt="Demolink" 
   border=0>
</a>

<a href="index.htm" 
   onMouseOver="document.Bild.src='bild2.jpg';" 
   onMouseOut="document.Bild.src='bild.jpg';">

<img src="bild.jpg" 
   name="Bild" 
   alt="Demolink" 
   border=0>
</a>

Danke für Hilfe!!!
NC10

 

[Efchen]

Witzbold!

Ein Lehrer in einer Klasse, in der es mehrere Kinder mit gleichem Vornamen gibt, wird sich auch was einfallen lassen müssen, damit das richtige Kind weiß, dass es gemeint ist!

:-)
-Efchen

 

[nc10]

hmm ja was soll ich denn umbennen? ich stell mich grad etwas blöd an... Aber könntest du nicht etwas konkreter werden? Danke!

 

[_Thor_]

Jedes Bild braucht einen eigenen Namen, besser noch, eine ID, mit der du dir dann das Bild holen kannst

document.getElementById('bild1').src='bild2.jpg';

 

[nc10]

Ok danke. Das klappt!!! Dankeschön!!!