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 相关文章推荐
Firefox 无法获取cssRules 的解决办法
Oct 11 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 Javascript
js创建对象的几种常用方式小结(推荐)
Oct 24 Javascript
JS实现往下不断流动网页背景的方法
Feb 27 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
jquery插件autocomplete用法示例
Jul 01 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
jquery中用函数来设置css样式
Dec 22 Javascript
移动端界面的适配
Jan 11 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
Vue.js的复用组件开发流程完整记录
Nov 29 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 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
phpMyAdmin 链接表的附加功能尚未激活的问题
2010/08/01 PHP
php中如何判断一个网页请求是ajax请求还是普通请求
2013/08/10 PHP
php获取文件夹路径内的图片以及分页显示示例
2014/03/11 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
PHP的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
一个小型js框架myJSFrame附API使用帮助
2008/06/28 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
javascript html5移动端轻松实现文件上传
2020/03/27 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
React Native中Navigator的使用方法示例
2017/10/13 Javascript
微信小程序实现animation动画
2018/01/26 Javascript
jQuery实现的简单日历组件定义与用法示例
2018/12/24 jQuery
详解C++编程中一元运算符的重载
2016/01/19 Python
python脚本爬取字体文件的实现方法
2017/04/29 Python
python实现用户答题功能
2018/01/17 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
python中有帮助函数吗
2020/06/19 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
Python常用GUI框架原理解析汇总
2020/12/07 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
python中封包建立过程实例
2021/02/18 Python
美体小铺英国官网:The Body Shop英国
2017/01/24 全球购物
最畅销的视频游戏享受高达90%的折扣:CDKeys
2020/02/10 全球购物
AOP的定义以及作用
2013/09/08 面试题
JMS中Topic和Queue有什么区别
2013/05/15 面试题
小学优秀班主任事迹材料
2014/05/17 职场文书
员工工作心得体会
2019/05/07 职场文书
python将图片转为矢量图的方法步骤
2021/03/30 Python
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL