Vis billede ved mouse-over

Jeg bruger nedenstående kode.

Den viser et billede ved mouse-over. Billedet vises ved musen, sådan at billedets venstre-øverste hjørne starter der. Er det muligt at få venstre-nederste hjørne til at starte ved musen i stedet. Hvor retter jed det henne?



<script type="text/javascript">
function showPic(s,sText){
  var o=document.getElementById("personpic");

  if(!s){
    o.style.display="none";
    return false;
  }

  o.getElementsByTagName("img")[0].setAttribute("src",s);
  o.lastChild.nodeValue=sText;
  o.style.top=Y+10+"px";
  o.style.left=X+10+"px";
  o.style.display="block";
}

var bIE=document.all?true:false;
if(!bIE)document.captureEvents(Event.MOUSEMOVE);

document.onmousemove=getMouseXY;

var X = Y = 0;

function getMouseXY(e){
  if(bIE){
    X = event.clientX + document.body.scrollLeft;
    Y = event.clientY + document.body.scrollTop;
  }else{
    X = e.pageX;
    Y = e.pageY;
  }
  if(X<0)X=0;
  if(Y<0)Y=0;
  return true;
}
</script>






Kode ved link:

<span onmouseover="showPic(Tegning_003.jpg','')" onmouseout="showPic()">