nicht angemeldet
Hallo,
ich bastle gerade an einer Navigation, bei der beim hover von Links ein Rollover-Effekt bei auf der Seite eingebundenen Bildern erscheint. Das ganze klappt bisher auch ganz gut, ich habe es mit JavaScript umgesetzt:
<script language="JavaScript">
<!--
current1 = new Image();
current1.src = "pic01_off.jpg";
over1 = new Image();
over1.src = "pic01.jpg";
current2 = new Image();
current2.src = "pic02_off.jpg";
over2 = new Image();
over2.src = "pic02.jpg";
function over(imgID,imgObjName) {
document.images[imgID].src = eval(imgObjName + ".src")
}
Die Navigation sieht wie folgt aus:
<LI><a href="#" onmouseover="over('bild1','over1');" onmouseout="over('bild1','current1')"><img src="pic01_off.jpg" alt="" width="123" height="90" border="0" id="bild1"></a>
<LI><a href="#" onmouseover="over('bild1','over1');" onmouseout="over('bild2','current2')"><img src="pic02_off.jpg" alt="" width="123" height="90" border="0" id="bild2"></a>
Die Bilder sind in einer Tabelle eingebunden:
<TD><a href="#" onmouseover="over('bild1','over1');" onmouseout="over('bild1','current1')"><img src="pic01_off.jpg" width="120" height="90" border="0" id="bild1"></a></TD>
<TD><a href="#" onmouseover="over('bild2','over2');" onmouseout="over('bild2','current2')"><img src="pic02_off.jpg" width="120" height="90" border="0" id="bild2"></a></TD>
Wenn ich also jetzt mit der Maus über einen Navigationspunkt fahre, verändert sich -wie gewünscht- das dazugehörige Bild.
Nun hätte ich aber gerne, daß sich beim Überfahren des Bildes auch die Farbe des dazugehörenden Links verändert. Irgendwie stehe ich nun völlig auf dem Schlauch, ich habe partout keine Ahnung, wie das zu realisieren ist.
Kann mir da jemand weiterhelfen???