Bei OnMouseOver Bild einblenden...

[Christoph]

Hallo,

ich habe eine Navigation, und wenn man mit der Maus jetzt z.B. auf sub.wir kommt, soll der Schriftzug verschwinden und dafür im div menuimage ein entsprechendes Bild erscheinen. Z.B. wir.gif
Wie kann ich das am besten anstellen? Also nur per CSS und nicht per JavaScript.

<div id="navi">
<ul id="navlist">
<li id="home"><a title="home" href="#">» sub.home</a></li>
<li id="wir"><a title="wir" href="#">» sub.wir</a></li>
<li id="projekte"><a title="projekte" href="#">» sub.projekte</a></li>
<li id="interaktiv"><a title="interaktiv" href="#">» sub.interaktiv</a></li>
<li id="links"><a title="links" href="#">» sub.links</a></li>
</ul>
<div id="menuimage"></div>
</div>

Grüße

Christoph

[wahsaga]

hi,

Wie kann ich das am besten anstellen? Also nur per CSS und nicht per JavaScript.

so: http://www.meyerweb.com/eric/css/edge/popups/demo.html

gruß,
wahsaga

[Ingo Turski]

Hi,

Wie kann ich das am besten anstellen? Also nur per CSS und nicht per JavaScript.

gar nicht, da dieses DIV nicht innerhalb des Links steht und auch nicht stehen darf.
Übrigens kennt CSS kein onmouseover sondern die Pseudoklasse :hover.

Du wirst es also mit Javascript machen müssen oder die HTML-Struktur ändern müssen.

freundliche Grüße
Ingo