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栏目列表隐藏/显示简单实现
Apr 03 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
Mar 01 Javascript
JS及PHP代码编写八大排序算法
Jul 12 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
Jan 05 Javascript
vue实现ToDoList简单实例
Feb 07 Javascript
Vue.js组件props数据验证实现详解
Oct 19 Javascript
微信小程序报错: thirdScriptError的错误问题
Jun 19 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
原生js实现自定义消息提示框
Nov 19 Javascript
一文了解JavaScript用Element Traversal新属性遍历子元素
Nov 27 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 16 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 的反射详解及示例代码
2016/08/25 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
php实现socket推送技术的示例
2017/12/20 PHP
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
jquery cookie的用法总结
2013/11/18 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
JavaScript实现Fly Bird小游戏
2016/12/15 Javascript
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
解决vue点击控制单个样式的问题
2018/09/05 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
js实现数字从零慢慢增加到指定数字示例
2019/11/07 Javascript
Vue filter 过滤当前时间 实现实时更新效果
2019/12/20 Javascript
js 解析 JSON 数据简单示例
2020/04/21 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
2020/07/19 Javascript
Python程序设计入门(1)基本语法简介
2014/06/13 Python
python黑魔法之参数传递
2016/02/12 Python
python 删除非空文件夹的实例
2018/04/26 Python
详解Python循环作用域与闭包
2019/03/21 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
修改Pandas的行或列的名字(重命名)
2019/12/18 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
Python如何把字典写入到CSV文件的方法示例
2020/08/23 Python
详解Python爬虫爬取博客园问题列表所有的问题
2021/01/18 Python
深入理解Python变量的数据类型和存储
2021/02/01 Python
python爬虫如何解决图片验证码
2021/02/14 Python
css3强大的动画效果animate使用说明及浏览器兼容介绍
2013/01/09 HTML / CSS
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
投资建议书模板
2014/05/12 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
名人传读书笔记
2015/06/26 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
详解MySQL的半同步
2021/04/22 MySQL
Java并发编程必备之Future机制
2021/06/30 Java/Android
Oracle数据库事务的开启与结束详解
2022/06/25 Oracle
Apache Kafka 分区重分配的实现原理解析
2022/07/15 Servers