页面图片等比例缩放

js 专栏收录该内容
2 篇文章 0 订阅
function ResizeImages()
{
    var myimg,oldwidth,oldheight;
    var maxwidth=800;
    var maxheight=1000
    var imgs = document.getElementById('content').getElementsByTagName('img');   //获取页面图片

    for(i=0;i<imgs.length;i++){
        myimg = imgs[i];
        if(myimg.width > myimg.height)
        {
            if(myimg.width > maxwidth)
            {
                oldwidth = myimg.width;
                myimg.height = myimg.height * (maxwidth/oldwidth);
                myimg.width = maxwidth;
            }
        }else{
            if(myimg.height > maxheight)
            {
                oldheight = myimg.height;
                myimg.width = myimg.width * (maxheight/oldheight);
                myimg.height = maxheight;
            }
        }
    }
}
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值