Javascript 将不同方向的图像移到div容器上并调整大小

在方向缩略图上使用鼠标时，图像的宽度和高度与Div元素imax不完全匹配

我使用HTML图像中的代码：

onmouseover='chgImg(this.src)' onmouseout='resImg()'

以及Javascript和CSS：

function chgImg(asd) {
    oim = document.getElementById("im").src;
    return document.getElementById("im").src=asd;
}
function resImg() {
    return document.getElementById("im").src=oim;
}


#imax {
    width:222px;
    height:222px;
}
#im {
    width:222px;
    height:auto; /* <-- this will overlap which is a problem. */
}

---

你确定加载的图像也是正方形的吗？另外，您是否有一个示例页面，以便我们可以实际看到结果？顺便说一句，您不应该使用全局变量oim来存储缩略图的位置，这可能会造成可怕的影响，尤其是当扩展意外使用相同的变量名时。返回新位置有什么用？不用担心，我不使用任何分机。我希望能够加载任何绑定到div的222px 222px区域的图像不，您没有，但您的访客可能会。不污染全球范围只是一种良好的做法。另一个尝试：是否至少将imax和im的填充/边距重置为0？你看过Firebug的布局窗格或其他浏览器工具中类似的东西吗？或者你有一个例子页，我们可以试试？