musst es wohl eher
mit js versuchen:
Code:
<img onmouseover="(src='grossesBild.jpg')" onmouseout="(src='kleinesBild.jpg')" src="kleinesBild.jpg" alt="" border="0">
oder mit css:
In der css-Datei:
Code:
img {
border:none;
}
#box{
height:149px;
width:200px;
padding:0;
margin:20px;
font:bold 14px verdana, sans-serif;}
#box div{display:none;}
#box:hover div{
display:block;
width:300px;
position:absolute;top:20px;right:20px;
padding:15px;
font:normal 14px verdana, sans-serif;} HTML:
Code:
<div id="box">
<a href="#"><img src="kleinesBild.jpg" width="200" height="150" alt="bild"></a>
<div><p><img src="gossesBild.jpg" width="400" height="300" alt=""></p></div>
</div>
Musst es nur noch entsprechend einbauen... Allerdings würde ich davon abraten und eher zur
Lightbox greifen, halte nicht viel von solchen Mouse-Overn.