javascript缩小图片尺寸的问题

<script>
for(i=0;i<=document.images.length-1;i++)
{
 var o=document.images[i];
 if(o.width>680) o.width=680;
}
</script>

这段代码是将网页内所有宽度大于680的图片缩小到680，但我需要只缩小某个DIV区域内的宽度大于680的图片，而不是整个网页的，该如何改呢？

<script type="text/javascript">
function test(id){
var div=document.getElementById(id);
var img=div.getElementsByTagName('img');
for(i=0;i<img.length;i++)
{
  if(img[i].width>=180) {img[i].width=80;}
}
}
</script>

调用示例

<script type="text/javascript">

test('test');

</script>

<div id="test">

<img src="">...

</div>

<img src="  " onload="if(this.width>680) this.width=680">

就这样 

那就直接修改 CSS 或在DIV里的图片<img src="" width=680px; /> 或 在DIV 中 添加 style="width:680px;"