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 相关文章推荐
My Desktop :) 桌面式代码
Dec 29 Javascript
利用js获取服务器时间的两个简单方法
Jan 08 Javascript
客户端 使用XML DOM加载json数据的方法
Sep 28 Javascript
js中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
使用jquery获取网页中图片高度的两种方法
Sep 26 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 Javascript
获取阴历(农历)和当前日期的js代码
Feb 15 Javascript
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
详解nuxt路由鉴权(express模板)
Nov 21 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 Javascript
Javascript文本框脚本实现方法解析
Oct 30 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 日漫
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
PHP中魔术变量__METHOD__与__FUNCTION__的区别
2014/09/29 PHP
Javascript判断文件是否存在(客户端/服务器端)
2014/09/16 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
利用Node.JS实现邮件发送功能
2016/10/21 Javascript
微信小程序 实现拖拽事件监听实例详解
2016/11/16 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
详解vue.js之props传递参数
2017/12/12 Javascript
nginx部署访问vue-cli搭建的项目的方法
2018/02/12 Javascript
Three.js实现3D机房效果
2018/12/30 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
Python实现抓取百度搜索结果页的网站标题信息
2015/01/22 Python
python 生成器协程运算实例
2017/09/04 Python
Python在不同目录下导入模块的实现方法
2017/10/27 Python
python web.py开发httpserver解决跨域问题实例解析
2018/02/12 Python
django项目中使用手机号登录的实例代码
2019/08/15 Python
Django stark组件使用及原理详解
2019/08/22 Python
tensorflow入门:tfrecord 和tf.data.TFRecordDataset的使用
2020/01/20 Python
Python实现发票自动校核微信机器人的方法
2020/05/22 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
手机促销活动方案
2014/02/05 职场文书
初中生操行评语大全
2014/04/24 职场文书
安全演讲稿开场白
2014/08/25 职场文书
办公室班子四风问题对照检查材料
2014/10/04 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
酒店开业主持词
2015/07/02 职场文书
2019已经过半,你知道年中工作总结该怎么写吗?
2019/07/03 职场文书
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技