js 加载时自动调整图片大小

时间:2024-11-21 08:41:40 

//  方法:setSelectReadOnly  用于设定极select控件ReadOnly,
//        这个一个模拟只读不是真的只读
//        使用了onbeforeactivate,onfocus,onmouseover,onmouseout事件
//    示例:< img src='img.jpg' onload='ImgAutoSize(ImgD,FitWidth,FitHeight)' > ;
//  create by sl 
// ---------------------------------------------------
function ImgAutoSize(imgD,FitWidth,FitHeight) 
{
var image1=new Image(); 
image1.onload = function ()
{
    if(this.width>0 && this.height>0) 
    { 
        if(this.width/this.height>= FitWidth/FitHeight) 
        { 
            if(this.width>FitWidth) 
            { 
                imgD.width=FitWidth; 
                imgD.height=(this.height*FitWidth)/this.width; 
            } 
            else 
            { 
                imgD.width=this.width; 
                imgD.height=this.height; 
            } 
        } 
        else 
        { 
            if(this.height>FitHeight) 
            { 
                imgD.height=FitHeight; 
                imgD.width=(this.width*FitHeight)/this.height; 
            } 
            else 
            { 
                imgD.width=this.width; 
                imgD.height=this.height; 
            } 
        } 
    }
    image1 = null;
}

image1.src=imgD.src; 
imgD.style.cursor = 'hand';
imgD.onclick= function(){openWin(this.src,'imgphoto',600,400)};
imgD.title = "点击在新窗口中查看原图";
}

标签:js,加载,自动调整图片大小
0
投稿

猜你喜欢

  • 浅谈tensorflow语义分割api的使用(deeplab训练cityscapes)

    2022-03-16 23:24:01
  • SQL Server中将数据导出为XML和Json方法分享

    2024-01-22 19:04:22
  • Python 文件处理注意事项总结

    2022-05-20 23:05:17
  • YOLOv5车牌识别实战教程(五)字符分割与识别

    2022-04-07 07:38:25
  • Javascript优化技巧(文件瘦身篇)

    2024-04-22 13:04:16
  • jQuery判断checkbox选中状态

    2024-04-22 22:33:18
  • ORACLE隐藏参数查看及修改的方法

    2024-01-13 02:33:27
  • SQL Server简单查询示例汇总

    2024-01-27 12:19:41
  • 一份ASP内存的释放的实验报告

    2007-10-17 13:09:00
  • 关于python的编码与解码decode()方法及zip()函数

    2022-04-04 15:15:54
  • SQL Server取得网站路径的几种方法及比较

    2008-12-09 14:15:00
  • MYSQL数据库实用学习资料之常用命令集合

    2009-03-06 18:12:00
  • javascript 45种缓动效果(二)

    2009-09-19 18:53:00
  • 微信小程序利用co处理异步流程的方法教程

    2024-04-22 12:51:45
  • javascript实现文本框标签验证的实例代码

    2024-04-25 13:07:41
  • mysql installer community 5.7.16安装详细教程

    2024-01-17 04:55:04
  • 浅谈django 模型类使用save()方法的好处与注意事项

    2021-05-17 10:43:59
  • python+excel接口自动化获取token并作为请求参数进行传参操作

    2022-05-19 04:10:18
  • encodeURIComponent用法UrlEncode与URLEncode.encode()

    2009-05-11 12:40:00
  • JavaScript数组及非数组对象的深浅克隆详解原理

    2024-04-19 09:52:51
  • asp之家 网络编程 m.aspxhome.com