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 getJSON()+.ashx 实现分页(改进版)
Mar 28 Javascript
js实现鼠标感应图片展示的方法
Feb 27 Javascript
一个例子轻松学会Vue.js
Jan 02 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
JavaScript实现二维坐标点排序效果
Jul 18 Javascript
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
React Native 图片查看组件的方法
Mar 01 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
Jul 11 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 Javascript
javascript canvas实现雨滴效果
Jun 09 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
曾在DC漫画界反派角色扮演的演员,谁才是你心目中的小丑之王?
2020/04/09 欧美动漫
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
PHP和MYSQL实现分页导航思路详解
2017/04/11 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
jQuery删除一个元素后淡出效果展示删除过程的方法
2015/03/18 Javascript
JS实现双击屏幕滚动效果代码
2015/10/28 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
H5手机端多文件上传预览插件
2017/04/21 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
angular中ui calendar的一些使用心得(推荐)
2017/11/03 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
Angular 容器部署的方法
2018/04/17 Javascript
Vue中props的使用详解
2018/06/15 Javascript
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
js如何验证密码强度
2020/03/18 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
2020/05/09 Javascript
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
发布你的Python模块详解
2016/09/15 Python
Python基于回溯法子集树模板解决数字组合问题实例
2017/09/02 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
详解css3 flex弹性盒自动铺满写法
2020/09/17 HTML / CSS
激光脱毛、蓝光和护肤:Tria Beauty
2019/03/28 全球购物
教师的实习自我鉴定
2013/12/17 职场文书
师范学院毕业生求职信范文
2013/12/26 职场文书
小学红领巾中秋节广播稿
2014/01/13 职场文书
高三生物教学反思
2014/01/25 职场文书
霸气队列口号
2014/06/18 职场文书
2015年保送生自荐信
2015/03/24 职场文书
力克胡哲观后感
2015/06/10 职场文书
生日寿星公答谢词
2015/09/29 职场文书