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 相关文章推荐
jQuery实战之仿淘宝商城左侧导航效果
Apr 12 Javascript
javascript小数四舍五入多种方法实现
Dec 23 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
May 04 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
Feb 13 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 Javascript
Mongoose经常返回e11000 error的原因分析
Mar 29 Javascript
EasyUI中的dataGrid的行内编辑
Jun 22 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
layui表格分页 记录勾选的实例
Sep 02 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中的fopen()函数用打开文件模式说明
2013/06/20 PHP
php预定义变量使用帮助(带实例)
2013/10/30 PHP
用js生产批量批处理执行命令
2008/07/28 Javascript
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
JQuery表格内容过滤的实现方法
2013/07/05 Javascript
jQuery分组选择器用法实例
2014/12/23 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
jQuery实现折线图的方法
2015/02/28 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
jQuery插件pagination实现无刷新分页
2016/05/21 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
2016/06/03 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
2016/10/14 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
vue.js项目中实用的小技巧汇总
2017/11/29 Javascript
JS中call和apply函数用法实例分析
2018/06/20 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
vue基于viewer实现的图片查看器功能
2019/04/12 Javascript
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
Python tcp传输代码实例解析
2020/03/18 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
HTML5新增属性data-*和js/jquery之间的交互及注意事项
2017/08/08 HTML / CSS
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
华为菲律宾官方网站:HUAWEI Philippines
2021/02/23 全球购物
J2EE包括哪些技术
2016/11/25 面试题
给校长的建议书400字
2014/05/15 职场文书
正科级干部考察材料
2014/05/29 职场文书
最新离婚协议书范本
2014/08/19 职场文书
公司总经理岗位职责
2015/04/01 职场文书
2015年预算员工作总结
2015/05/14 职场文书
导游词之山海关
2019/12/10 职场文书
基于Golang 高并发问题的解决方案
2021/05/08 Golang
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js