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


Posted in Javascript onMay 28, 2008

//  方法: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 = "点击在新窗口中查看原图";
}

Javascript 相关文章推荐
javascript 动态添加表格行
Jun 22 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
生成二维码方法汇总
Dec 26 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
基于JavaScript实现树形下拉框
Aug 10 Javascript
jquery延迟对象解析
Oct 26 Javascript
js判断手机系统是android还是ios
Mar 07 Javascript
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
js前端导出Excel的方法
Nov 01 Javascript
20行JS代码实现粘贴板复制功能
Feb 06 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
Aug 16 Javascript
javascript document.images实例
May 27 #Javascript
javascript Discuz代码中的msn聊天小功能
May 25 #Javascript
常用的javascript function代码
May 23 #Javascript
javascript firefox兼容ie的dom方法脚本
May 18 #Javascript
javascript  Error 对象 错误处理
May 18 #Javascript
javascript:以前写的xmlhttp池,代码
May 18 #Javascript
JavaScript的9个陷阱及评点分析
May 16 #Javascript
You might like
PHP 万年历实现代码
2012/10/18 PHP
微信企业转账之入口类分装php代码
2018/10/01 PHP
50款非常棒的 jQuery 插件分享
2012/03/29 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
jQuery写fadeTo示例代码
2014/02/21 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
2016/08/31 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
2016/09/05 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
JavaScript实现定时页面跳转功能示例
2017/02/14 Javascript
Express URL跳转(重定向)的实现方法
2017/04/07 Javascript
利用原生JS实现data方法示例代码
2019/05/28 Javascript
小程序实现搜索框
2020/06/19 Javascript
Vue computed 计算属性代码实例
2020/04/22 Javascript
js实现从右往左匀速显示图片(无缝轮播)
2020/06/29 Javascript
[44:30]完美世界DOTA2联赛PWL S2 GXR vs Magma 第一场 11.25
2020/11/26 DOTA
Python程序语言快速上手教程
2012/07/18 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
python实现跨excel的工作表sheet之间的复制方法
2018/05/03 Python
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
Python中正则表达式的用法总结
2019/02/22 Python
24式加速你的Python(小结)
2019/06/13 Python
使用python将多个excel文件合并到同一个文件的方法
2019/07/09 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
Python Merge函数原理及用法解析
2020/09/16 Python
video结合canvas实现视频在线截图功能
2018/06/25 HTML / CSS
英国著名的小众美容品牌网站:Alyaka
2017/08/08 全球购物
最新党员的自我评价分享
2013/11/04 职场文书
园林设计专业毕业生求职信
2014/03/23 职场文书
安全目标管理责任书
2014/07/25 职场文书
部队反四风对照检查材料
2014/09/26 职场文书
团队会宣传标语
2014/10/09 职场文书
起诉书范文
2015/05/20 职场文书
初中军训感言
2015/08/01 职场文书
python图像处理 PIL Image操作实例
2022/04/09 Python