Mouseover mit Bildern

[webossi]

moin,

allen einen schönen dritten advendssonntag !!!

ich habe 2 div-boxen nebeneeinander.
in der linken befinden sich 2 links. wenn ich über einen link mit der mouse drüber fahre soll in der anderen div box ein entsprechendes bild sichtbar werden - ähnlich wie z.b. bei einem tooltip nur in der box. wenn über keinen link gefahren wird soll ein allgemeines bild angezeigt werden.

hat jemand ne idee wie ich dieses realisieren kann?

gruß

[Beat]

hat jemand ne idee wie ich dieses realisieren kann?

Aber nicht mehr...

<ul id="imagelinks">  
  <li>Label <img src="pic.png" alt="description"></li>  
  ...  
</ul>

CSS

#imagelinks {  
     position:relative;  
     background: #fff (default.png;) top left norepeat;  
   }  
#imagelinks img {  
     display:none;  
     position:absolute;  
     left:100%; top:0;  
   }  
#imagelinks li:hover img,  
#imagelinks li img:hover  
   { display:block; }

mfg Beat

[Christopher Voigt]

in java:

function anzeigen(Bildname)
{
var bild1 = new Image();
bild1.src = "pfad/zu/bild";
var bild2 = new Image();
bild2.src = "pfad/zu/bild";

eval("document['picture'].src = " + Bildname + ".src");
}

in html:

im Bild-DIV
<img name="picture" src="pfad/zu/allgemeinem/bild" width="200" height="200" border="0">

im Link-DIV

<a href="javascript:void(0)" onmouseover="anzeigen('bild1')">
Link1
</a>

<a href="javascript:void(0)" onmouseover="anzeigen('bild2')">
Link2
</a>

[Christopher Voigt]

....nachträglich könntest du noch

onmouseout="bilder.src='pfad/zu/allgemeinem/bild';"

....einbauen

Mfg Christopher