js自适应图片宽高示例代码

发布时间:2019-10-28编辑:脚本学堂
分享一例js实现的自适应图片宽高的代码,很实用的一段js代码,有需要的朋友做个参考。

本节内容:
js实现自适应图片宽高。

代码:
 

复制代码 代码示例:
<script type="text/javascript" language="javascript">
function fixImage(i,w,h){
    var ow = i.width;
    var oh = i.height;
    var rw = w/ow;
    var rh = h/oh;
    var r = Math.min(rw,rh);
    if (w ==0 && h == 0){
        r = 1;
    }else if (w == 0){
        r = rh<1?rh:1;
    }else if (h == 0){
        r = rw<1?rw:1;
    }
    if (ow!=0 && oh!=0){
    i.width = ow * r;
    i.height = oh * r;
    }else{
      var __method = this, args = $A(arguments);
        window.setTimeout(function() {
          fixImage.apply(__method, args);
        }, 200);
    }
    i.onload = function(){}
}
</script>

用法:
 

复制代码 代码示例:
<img src="" onload="fixImage(this,100,100)">