作者:小丹巛丹布莱妮 | 来源:互联网 | 2022-07-01 23:54
有时候我们更新的内容,有很多的大图片,就会导致页面变形或看不到全图。一般情况我们用css的max-width控制,但有些浏览器不支持,我们也可以用js做个补充
代码如下:
意思就是控制指定区域的的图片大小,要不一些大点的广告图片也会变形。
用的图片控制代码:
代码如下:
function controlImg(ele,w,h){
var c=ele.getElementsByTagName("img");
for(var i=0;i
var w0=c[i].clientWidth,h0=c[i].clientHeight;
var t1=w0/w,t2=h0/h;
if(t1>1||t2>1||w0>=600){
c[i].'+c[i].outerHTML+''
}
else{
c[i].title="在新窗口打开图片";
c[i].Onclick=function(e){window.open(this.src)}
}
}
}
}
ele就是指定的区域,w是最大的宽度,大于这个就会缩小。h是最大的高度。