源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript 指定区域内图片等比例缩放实现代码 脚本之家整合版 <font color="red">原创</font>

  • 时间:2022-10-14 17:09 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript 指定区域内图片等比例缩放实现代码 脚本之家整合版 <font color="red">原创</font>
编程素材网整合篇,欢迎转载。
[url=]} else{ c[i].title="在新窗口打开图片"; c[i].onclick=function(e){window.open(this.src)} } } } } window.onload=function(){ controlImg(document.getElementById("content"),670,980); }
以前就需要这样的代码,但因为具体的思路不是和很清楚,今天在blueidea看到的文章,特整理下。 指定区域内的,一般用于控制内容部分的图片,可通过controlImg(document.getElementById("content"),670,980); 中的content,下面是测试代码。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行[/url]]
下面是用css expression实现的方法会增加客户端的负荷,建议用js的 假设有一个id为test的div,如何控制其内的图片不会撑呢?   如下定义CSS即可:
[u]复制代码[/u] 代码如下:
  #test IMG{   border:0;   margin:0;   padding:0;   max-width:600px;   width:expression(this.width>600?"600px":this.width);   max-height:450px;   height:expression(this.height>450?"450px":this.height);   }
  如此定义后,其中的图片宽就不会超过600,高不超过450,并按原比例值缩小!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部