今天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可以改成其他适合的大小,很方便。