Javascript轻松控制页面图片大小

今天Gonten在某CMS模板里发现一段很实用的代码，来分享一下。经常看到有些网页，因为图片太大，也没有控制图片大小，导致页面错位，或者部分图片看不到。下面的这段代码将会解决这个问题。

代码如下：

<script type="text/javascript">
function ImgSize(){
var obj =document.getElementById("Content").getElementsByTagName("img");
if(!obj) obj = document.images;
for (i=0; i<obj.length; i++){
if (obj){
if (obj[i].width>666){
obj[i].width = 666;
obj[i].style.width = 666;
obj[i].title = "点击看大图";
obj[i].style.cursor = "pointer";
obj[i].border = 0;
obj[i].onclick = function(e){window.open(this.src);}
}
}
}
}
ImgSize()
</script>

从代码可以看出，不仅能将ID为content下超过666像素的图片缩小为600像素，也会自动为这图片添加该图片链接地址，并提示“点击看大图”。里面的666可以改成其他适合的大小，很方便。