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可以改成其他適合的大小，很方便。