JS+style实现动态设置图片高宽 升级 按比例缩小图片高宽 (9月24日修改)

以下是代码,之前的代码不够完善,9月24日修改:

< script type = " text/javascript " >
<!--
function  resize_img(){
    
var  objImg  =  document.getElementById(  " prod_picture "  ); // pictureID是图片ID号
     if ( objImg ){
    
var  img_w  =  objImg.width;
    
var  img_h  =  objImg.height;
    
var  maxW  =   400 ;
    
var  maxH  =   300 ;
    
var  pW,pH;
    
var  w = parseInt(img_w); var  h = parseInt(img_h);
    
    
if ( w > maxW ){
    
// 按比例
    pW  =  maxW / w;
    pH 
=  parseInt(h  *  pW);
    
// alert( pW +":" + pH );
    objImg.style.width  =  maxW + " px " ;
    objImg.style.height 
=  pH + " px " ;
    h 
=  pH;
    w 
=  maxW;
    }
    
if ( h > maxH ){
    
// 按比例
    pH  =  maxH / h;
    pW 
=  parseInt(w  *  pH);
    
// alert( pW +":" + pH );
    objImg.style.height  =  maxH + " px " ;
    objImg.style.width 
=  pW + " px " ;
    }
    }
}
// -->
</ script >
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值