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 相关文章推荐
用js实现的页面关键字密度查询代码
Dec 27 Javascript
javascript 常用功能总结
Mar 18 Javascript
document.documentElement和document.body区别介绍
Sep 16 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
Aug 27 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
Vue.js常用指令汇总(v-if、v-for等)
Nov 03 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
Dec 06 Javascript
JavaScript实现图片切换效果
Aug 12 Javascript
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
利用JS hash制作单页Web应用的方法详解
Oct 10 Javascript
vue项目中使用百度地图的方法
Jun 08 Javascript
vuex 动态注册方法 registerModule的实现
Jul 03 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
Yii配置文件用法详解
2014/12/04 PHP
PHP使用CURL模拟登录的方法
2015/07/08 PHP
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
Jquery为单选框checkbox绑定单击click事件
2012/12/18 Javascript
JavaScript中使用Substring删除字符串最后一个字符
2013/11/03 Javascript
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
angularjs结合html5实现拖拽功能
2018/06/25 Javascript
ElementUI之Message功能拓展详解
2019/10/18 Javascript
Node 使用express-http-proxy 做api网关的实现
2020/10/15 Javascript
Python重新引入被覆盖的自带function
2014/07/16 Python
python进阶教程之动态类型详解
2014/08/30 Python
Python开发之快速搭建自动回复微信公众号功能
2016/04/22 Python
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
python opencv如何实现图片绘制
2020/01/19 Python
Python socket服务常用操作代码实例
2020/06/22 Python
python实现简单遗传算法
2020/09/18 Python
python GUI计算器的实现
2020/10/09 Python
五款漂亮的纯CSS3动画按钮的实例教程
2014/11/21 HTML / CSS
员工评语大全
2014/01/19 职场文书
村党支部书记承诺书
2014/05/29 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
退休党员个人对照检查材料思想汇报
2014/09/29 职场文书
学校食堂标语
2014/10/06 职场文书
研究生就业推荐表导师评语
2014/12/31 职场文书
2015最新学生自我评价范文
2015/03/03 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
安全责任协议书范本
2016/03/23 职场文书
读《皮囊》有感:理解是对他人的最大的善举
2019/11/14 职场文书
opencv用VS2013调试时用Image Watch插件查看图片
2021/07/26 Python