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

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

WBOY
WBOY原创
2016-05-16 16:58:521160浏览

复制代码 代码如下:





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

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

复制代码 代码如下:

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是最大的高度。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn