Javascript轻松控制页面图片大小

发布时间：2018-09-09 22:29:29 所属栏目：模式来源：站长网

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

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

（编辑：淮安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!