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 相关文章推荐
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
Dec 08 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
javascript去掉代码里面的注释
Jul 24 Javascript
jQuery给元素添加样式的方法详解
Dec 30 Javascript
jQuery实现简单倒计时功能的方法
Jul 04 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
Dec 05 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
Apr 20 Javascript
vue2.0多条件搜索组件使用详解
Mar 26 Javascript
微信小程序分页加载的实例代码
Jul 11 Javascript
详解React+Koa实现服务端渲染(SSR)
May 23 Javascript
node.js事件轮询机制原理知识点
Dec 22 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
用来给图片加水印的PHP类
2008/04/09 PHP
PHP+MySQL投票系统的设计和实现分享
2012/09/23 PHP
php selectradio和checkbox默认选择的实现方法详解
2013/06/29 PHP
Thinkphp单字母函数使用指南
2016/05/08 PHP
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
谈一谈js中的执行环境及作用域
2016/03/30 Javascript
Javascript动画效果(3)
2016/10/11 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
JS和canvas实现俄罗斯方块
2017/03/14 Javascript
JavaScript创建对象的七种方式全面总结
2017/08/21 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
2018/02/26 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
2019/09/29 Javascript
python实现从web抓取文档的方法
2014/09/26 Python
Python3中的真除和Floor除法用法分析
2016/03/16 Python
Python实现读取并保存文件的类
2017/05/11 Python
Python使用ConfigParser模块操作配置文件的方法
2018/06/29 Python
实例讲解python中的协程
2018/10/08 Python
Python基于plotly模块实现的画图操作示例
2019/01/23 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
Python中os模块功能与用法详解
2020/02/26 Python
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
小学教师师德感言
2014/02/10 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
律师授权委托书范本
2014/10/07 职场文书
社区低保工作总结2015
2015/07/23 职场文书
《法国号》教学反思
2016/02/22 职场文书
80后创业总结的9条职场用人思想,记得收藏
2019/08/13 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书
设置IIS Express并发数
2022/07/07 Servers