BennI: Mouse Over Bild Vorschau?

Beitrag lesen

  
<script langugae="javascript">  
function picDivShow(imgPath) {  
 varPicDivImg = document.all.picDivImg;  
 varPicDivImg.src = imgPath;  
 varPicDiv = document.all.picDiv;  
 varPicDiv.style.display = "";  
}  
  
function picDivHide() {  
 varPicDiv = document.all.picDiv;  
 varPicDivImg.src = '../bilder/picload.gif';  
 varPicDiv.style.display = "none";  
}  
  
  
function updateMausPosition(e) {  
 varPicDiv = document.all.picDiv;  
 x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;  
 y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;  
 if (picDiv != null) {  
  varPicDiv.style.left = (x + 30) + "px";  
  varPicDiv.style.top  = (y - 100) + "px";  
 }  
}  
document.onmousemove = updateMausPosition;  
//-->  
</script>  
<div id="picDiv" style="position: absolute; left: 0px; top: 0px; width: 200px; height: 200px; z-index: 1; display: none;">  
    <table height="200" width="200" bgcolor="#CC0000">  
     <tr>  
      <td align="center" bgcolor="#000000">  
   <img src="main.asp-Dateien/picload.gif" id="picDivImg" height="200"></td>  
  </tr>  
 </table>  
</div>  
<font onmouseover="picDivShow('pfad/bildname.jpg');" onmouseout="picDivHide();" >hier die Maus drüberziehen</font>  

damit müsste es funktionieren. Viel Spaß damit!!

Gruß, BennI