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中的运用上部
Nov 20 Javascript
由Javascript实现的页面日历
Nov 04 Javascript
javascript中xml操作实现代码
Nov 21 Javascript
关于JavaScript中name的意义冲突示例介绍
May 29 Javascript
jQuery在ul中显示某个li索引号的方法
Mar 17 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 Javascript
jquery事件绑定解绑机制源码解析
Sep 19 Javascript
vue语法之拼接字符串的示例代码
Oct 25 Javascript
web前端vue之CSS过渡效果示例
Jan 10 Javascript
vue父组件向子组件传递多个数据的实例
Mar 01 Javascript
详解微信小程序之一键复制到剪切板
Apr 24 Javascript
Vue 解决多级动态面包屑导航的问题
Nov 04 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实现的多彩标签效果代码分享
2014/08/21 PHP
php递归遍历多维数组的方法
2015/04/18 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
用js来解决ajax读取页面乱码
2010/11/28 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
2014/05/27 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
2015/09/19 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
基于JavaScript实现活动倒计时效果
2017/04/20 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
vue插槽slot的简单理解与用法实例分析
2020/03/14 Javascript
JavaScript正则表达式验证登录实例
2020/03/18 Javascript
Python实现的ini文件操作类分享
2014/11/20 Python
解读Python中degrees()方法的使用
2015/05/18 Python
python清除字符串里非数字字符的方法
2015/07/02 Python
Python利用带权重随机数解决抽奖和游戏爆装备问题
2016/06/16 Python
Python实现随机选择元素功能
2017/09/14 Python
python 伯努利分布详解
2020/02/25 Python
浅析matlab中imadjust函数
2020/02/27 Python
Python3标准库之threading进程中管理并发操作方法
2020/03/30 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
Django日志及中间件模块应用案例
2020/09/10 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
HTML5边玩边学(1)画布实现方法
2010/09/21 HTML / CSS
布里斯班女装时尚品牌:Adrift
2017/12/28 全球购物
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
下列程序在32位linux或unix中的结果是什么
2014/03/25 面试题
怎样写好自我鉴定
2013/12/04 职场文书
同事打架检讨书
2014/02/04 职场文书
人事部经理岗位职责
2014/03/07 职场文书
2016年4月份红领巾广播稿
2015/12/21 职场文书
MySQL读取JSON转换的方式
2022/03/18 MySQL
python如何将mat文件转为png
2022/07/15 Python