求准确地显示图片的方法

[Exin]

有许多尺寸各异的png图片，需要在一个固定尺寸的div内通过一个img(id="pic")显示。
图片之间通过函数切换，输入参数通过文本框获取。

function display(id){
document.getElementById("pic").src=id+".png"
}

第一个图片能按原尺寸显示，再切换之后的图片的尺寸则变成与第一个相同了。
注意到CSS样式里出现了!important后缀，我尝试在display函数内尝试重设pic尺寸，但是不管用。

[webjin]

还行吧

[cctrv]

不知道你的 CSS 怎么写。
但是，应该是这样的。

src=id+".png"+"?"+id；（防缓存）

CSS:
width: 固定值px;
height: auto;

[Exin]

@cctrv 这样写不行呢……
我最后用setAttribute('style','width:auto !important;height:auto !important;)以及一段获取原文件尺寸的js搞定的