Onmouseover bei verlinktem bild

Hallo,
Ich bin gerade dran für unsere AK eine Homepage zumachen.
Jetzt möchte ich wenn man z.B. über die Person im Bild mit dem Curser rüberfährt das sich die Farbe des Namens ändert.
z.B.:
http://i49.tinypic.com/xnf56w.jpg

Gruß Shaun

P.S.: Habe Dreamweaver

Nettes Bild :smiley:
Alsoo. Du brauchst erst mal eine Image-Map
SELFHTML: HTML/XHTML / Grafiken / Verweis-sensitive Grafiken (Image Maps)
Danach musst du mit Javascript einen Event-Hanlder auf jeden Link legen :slight_smile:
Wenn du nicht weisst wie das geht frag im Javascript Forum nach :slight_smile:

Habs versucht aber ich bekomm das irgendwie nicht hin :frowning:

Ah, ein „Es geht nicht - macht dass es geht“ - Kandidat.

Wir wissen jetzt zwar, was du vorhast und haben dir schon eine erste Hilfestellung gegeben. Du hast etwas ausprobiert und es hat nicht funktioniert. Und jetzt bittest du uns (indirekt), es zu richten. Allerdings haben wir keinerlei Informationen darüber, was du versucht hast und wie der Code momentan bei dir aussieht.

Achte in Zukunft darauf, dass du bei Problemen immer die relevanten Informationen mit preisgibst und nicht nur „Es geht nicht, wie mache ich dass es wieder geht“ schreibst. Also zeig’ uns dochmal das Bild und den Code, den du bis jetzt fabriziert hast.

[CODE]

Untitled Document

body {
font-family: Verdana;
font-size: 10px;
color: #ffffff;

}
#content { position:absolute; top:10px; left:125px;}
#content1 { width:754px; height:965px; background-image:url(images/content.png); position:absolute; top:195px; left:247px;}
#content3 { width:730px; height:897px; background-image:url(images/content1_bg.jpg); position:absolute; top:40px; left:15px;}
#navi_bg { width:222px; height:561px; background-image:url(images/navi_bg.png); position:absolute; top:280px; left:0px;}
#navi1_bg1 { width:224px; height:53px; background-image:url(images/navi1_bg.png); position:absolute; top:215px; left:0px;}
#navi1_bg2 { width:224px; height:53px; background-image:url(images/navi1_bg.png); position:absolute; top:1100px; left:0px;}
#navi_deco { position:absolute; top:10px; left:0px;}

Sie befinden sich hier auf: Über Uns  

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.



Die Namen:

1. Reihe: Nico B., Johanna H., Dennis B., Lisa M., Marcel S., Laura R. Alex M.
2. Reihe: Lucy D.
3. Reihe: Frau Tilch, Julia N., Pascal K., Kim W., Daniel J., Jessica G., Moritz I., Ricarda H., Paul K.
4. Reihe: Philipp P., Lucas B., Nina B., Mario D., Patricia S., Marcel N.
(Von Links nach Rechts)

Nicht auf dem Foto: Tobias S., Marc K., Florian H., Michèle W.













AK 2010

[/CODE]

Da du anscheinend nicht viel Ahnung von JavaScript hast, würde ich dir empfehlen, mit jQuery zu arbeiten, das ist eine sehr einfache Methode, um genau solche Effekte zu bewirken.

jQuery: The Write Less, Do More, JavaScript Library