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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
Nov 03 Javascript
JS动态添加选项案例分析
Oct 17 Javascript
angular ngClick阻止冒泡使用默认行为的方法
Nov 03 Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
Vue非父子组件通信详解
Jun 12 Javascript
使用nvm管理不同版本的node与npm的方法
Oct 31 Javascript
详解Angular5路由传值方式及其相关问题
Apr 28 Javascript
vue.js计算属性computed用法实例分析
Jul 06 Javascript
浅谈Vue render函数在ElementUi中的应用
Sep 06 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 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
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
一个用于网络的工具函数库
2006/10/09 PHP
php miniBB中文乱码问题解决方法
2008/11/25 PHP
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
PHP进程同步代码实例
2015/02/12 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
thinkPHP实现将excel导入到数据库中的方法
2016/04/22 PHP
Zend Framework上传文件重命名的实现方法
2016/11/25 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
jQuery.query.js 取参数的两点问题分析
2012/08/06 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
2015/04/24 Javascript
使用Raygun来自动追踪AngularJS中的异常
2015/06/23 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
2016/08/04 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
javaScript语法总结
2016/11/25 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
JS实现监控微信小程序的原理
2018/06/15 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
用python读写excel的方法
2014/11/18 Python
python做量化投资系列之比特币初始配置
2018/01/23 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
python 爬取学信网登录页面的例子
2019/08/13 Python
python命令 -u参数用法解析
2019/10/24 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
Python OpenCV去除字母后面的杂线操作
2020/07/05 Python
《长江之歌》教学反思
2014/04/17 职场文书
爱耳日宣传活动总结
2014/07/05 职场文书
学生检讨书范文
2015/01/27 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
2015年路政工作总结
2015/05/22 职场文书
Mongodb 迁移数据块的流程介绍分析
2022/04/18 MongoDB
MySql统计函数COUNT的具体使用详解
2022/08/14 MySQL