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实现画板的代码
Sep 05 Javascript
JavaScript 仿关机效果的图片层
Dec 26 Javascript
浅析javascript中的DOM
Mar 01 Javascript
JS动态创建DOM元素的方法
Jun 09 Javascript
浅析jQuery 3.0中的Data
Jun 14 Javascript
ASP.NET jquery ajax传递参数的实例
Nov 02 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
Nov 29 Javascript
jQuery实现简易的输入框字数计数功能示例
Jan 16 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 Javascript
浅谈基于Vue.js的移动组件库cube-ui
Dec 20 Javascript
async/await让异步操作同步执行的方法详解
Nov 01 Javascript
vue编写简单的购物车功能
Jan 08 Vue.js
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/06 日漫
php 获取客户端的真实ip
2009/11/30 PHP
php checkdate、getdate等日期时间函数操作详解
2010/03/11 PHP
php下利用curl判断远程文件是否存在的实现代码
2011/10/08 PHP
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
php中namespace use用法实例分析
2016/01/22 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
php微信公众号开发之校园图书馆
2018/10/20 PHP
解决laravel(5.5)访问public报错的问题
2019/10/12 PHP
有关JavaScript的10个怪癖和秘密分享
2011/08/28 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
2015/04/06 Javascript
JavaScript中var关键字的使用详解
2015/08/14 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
利用jquery实现下拉框的禁用与启用
2016/12/07 Javascript
脚本div实现拖放功能(两种)
2017/02/13 Javascript
vue进行图片的预加载watch用法实例讲解
2018/02/07 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
python list 合并连接字符串的方法
2013/03/09 Python
python自动化测试之连接几组测试包实例
2014/09/28 Python
给Python的Django框架下搭建的BLOG添加RSS功能的教程
2015/04/08 Python
Python的Flask框架应用程序实现使用QQ账号登录的方法
2016/06/07 Python
Python实现的端口扫描功能示例
2018/04/08 Python
python自定义时钟类、定时任务类
2021/02/22 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
Keras官方中文文档:性能评估Metrices详解
2020/06/15 Python
大学生涯自我鉴定
2014/01/16 职场文书
公司更名通知函
2015/04/24 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
Python实现socket库网络通信套接字
2021/06/04 Python
Python anaconda安装库命令详解
2021/10/16 Python
JavaScript的function函数详细介绍
2021/11/20 Javascript
德劲DE1107指针试高灵敏度全波段收音机机评
2022/04/05 无线电
MySQL数据管理操作示例讲解
2022/12/24 MySQL