栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

指定区域的图片自动按比例缩小的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].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是最大的高度。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/108032.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号