用JS让图片自适应层或表格的宽度

今天帮别人做个网站与全球安防网一样问题，想上传的图片能自动适应层(div)或表格(table)的宽度，想法是这样的，当用户上传的图片小于层或表格定义的宽度和高度时，按实际图片居中展示！当用户上传的图片大于层或表格定义的宽度和高度时，图片按按层或表格的宽度和高度来展示！写了个JS，简单实用！！如果那位有再好的办法，也可以展示出来，大家来学习下哦！！！

 

代码展示如下：

CSS代码：

 

 

<style type="text/css"> #showbox{clear:both; background:#f5fafd;}
#showbox a{display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-family:Arial}
#showbox a{width:331px; height:331px; *font-size:192px;}
#showbox a img{vertical-align:middle;}
</style>

 

 

 js代码：

 

<div id="showbox"><a><img src="您的图片地址全球安防网"></img></a></div>
<script type="text/javascript">
function $(e){return document.getElementById(e)}
var imgs = $('showbox').getElementsByTagName('img');
for(var i=0;i<imgs.length;i++){
if (imgs[i].width > 331){
imgs[i].width = 331;
}
if (imgs[i].height>331)
{
imgs[i].height = 331;
}
}
</script>