欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)_javascript技巧

程序员文章站 2022-05-04 21:53:30
...
复制代码 代码如下:

指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)_javascript技巧




意思就是控制指定区域的的图片大小,要不一些大点的广告图片也会变形。

脚本之家用的图片控制代码:

复制代码 代码如下:

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].width=Math.floor(w0/(t1>t2?t1:t2));
c[i].height=Math.floor(h0/(t1>t2?t1:t2));
if(document.all){
c[i].outerHTML=''+c[i].outerHTML+''
}
else{
c[i].title="在新窗口打开图片";
c[i].onclick=function(e){window.open(this.src)}
}
}
}
}

ele就是指定的区域,w是最大的宽度,大于这个就会缩小。h是最大的高度。

相关标签: 比例缩小