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与Ajax常用代码实现对比
Oct 03 Javascript
js获取某月的最后一天日期的简单实例
Jun 22 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
Dec 17 Javascript
JavaScript数组随机排列实现随机洗牌功能
Mar 19 Javascript
java必学必会之static关键字
Dec 03 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
Sep 17 Javascript
angular4实现tab栏切换的方法示例
Oct 21 Javascript
小程序实现留言板
Nov 02 Javascript
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 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
星际中一些鲜为人知的详细资料
2020/03/04 星际争霸
PHP处理excel cvs表格的方法实例介绍
2013/05/13 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
Thinkphp连表查询及数据导出方法示例
2016/10/15 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
浅谈React Native Flexbox布局(小结)
2018/01/08 Javascript
Element PageHeader页头的使用方法
2020/07/26 Javascript
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
2020/08/31 Javascript
[01:52]2014DOTA2西雅图邀请赛 V社开大会你不知道的小秘密
2014/07/08 DOTA
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
Python实现的维尼吉亚密码算法示例
2018/04/12 Python
python 自定义异常和异常捕捉的方法
2018/10/18 Python
基于sklearn实现Bagging算法(python)
2019/07/11 Python
python opencv 实现对图像边缘扩充
2020/01/19 Python
在Matplotlib图中插入LaTex公式实例
2020/04/17 Python
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
全球游戏Keys和卡片市场:GamesDeal
2018/03/28 全球购物
美国CVS药店官网:CVS Pharmacy
2018/07/26 全球购物
建筑专业自我鉴定
2013/10/22 职场文书
年度考核评语
2014/01/19 职场文书
大学信息公开实施方案
2014/03/09 职场文书
快餐公司创业计划书
2014/04/29 职场文书
银行员工犯错检讨书
2014/09/16 职场文书
内乡县衙导游词
2015/02/05 职场文书
js实现自动锁屏功能
2021/06/02 Javascript
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS