图片放大效果的问题,在线等
大致说下，我的想法是一个页面里有大概八张图片，当鼠标移动（不用单击）到一张上，然后想在一个固定的表格里显示一张放大的图片，代码如下：
但是现在的问题，我下面的这段代码，不能把放大的图片控制在一个表格里，用的是div定位，我应该怎样达到我的效果？怎么改？说具体一点，如果有好的代码发上来，谢谢！（因为我现在的这种方法，在分辨率为1024×768下调好，但是在600×800的情况下，图片就飞了，不在预想的位置了）


<script   language= "JavaScript ">
<!--
function   MM_findObj(n,   d)   {   //v4.01
    var   p,i,x;     if(!d)   d=document;   if((p=n.indexOf( "? "))> 0&&parent.frames.length)   {
        d=parent.frames[n.substring(p+1)].document;   n=n.substring(0,p);}
    if(!(x=d[n])&&d.all)   x=d.all[n];   for   (i=0;!x&&i <d.forms.length;i++)   x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i <d.layers.length;i++)   x=MM_findObj(n,d.layers[i].document);
    if(!x   &&   d.getElementById)   x=d.getElementById(n);   return   x;
}
//-->
</script>
<a   href= " "   onClick= "return   false "> <img   name= "small "   border= "0 "   src= "WEB   Photo/Promotion   Gift/HP.jpg "   width= "90 "   height= "133 "   onMouseOver= "MM_showHideLayers( 'layer2 ', ' ', 'show ');MM_showHideLayers( 'layer ', ' ', 'hide ');MM_showHideLayers( 'layer1 ', ' ', 'hide '); "> </a>  
<div   id= "layer2 "   style= "position:   absolute;   left:   -120px;   top:   165px;   width:   765;   height:   202;   z-index:   1;   visibility:   hidden ">


------解决方案--------------------
这里有个放大镜效果哦

http://www.jopener.cn/category/rich-client-tools/loupe.js/