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 07 Javascript
javascript仿qq界面的折叠菜单实现代码
Dec 12 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
Aug 07 Javascript
javascript操作ul中li的方法
May 14 Javascript
使用Script元素发送JSONP请求的方法
Jun 12 Javascript
js编写一个简单的产品放大效果代码
Jun 27 Javascript
JavaScript使用Ajax上传文件的示例代码
Aug 10 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
JavaScript实现五子棋游戏的方法详解
Jul 08 Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 Javascript
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
vue.js 使用原生js实现轮播图
Apr 26 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
一个查看session内容的函数
2006/10/09 PHP
杏林同学录(七)
2006/10/09 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
Laravel 5框架学习之Eloquent 关系
2015/04/09 PHP
PHP中你应该知道的require()文件包含的正确用法
2015/06/12 PHP
PHP后门隐藏的一些技巧总结
2020/11/04 PHP
laravel与thinkphp之间的区别与优缺点
2021/03/02 PHP
基于jQuery的自动完成插件
2011/02/03 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
Javascript实现返回上一页面并刷新的小例子
2013/12/11 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
2016/04/26 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
创建Vue项目以及引入Iview的方法示例
2018/12/03 Javascript
javascript定时器的简单应用示例【控制方块移动】
2019/06/17 Javascript
[00:23]DOTA2群星共贺开放测试 25日无码时代来袭
2013/09/23 DOTA
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
python3操作mysql数据库的方法
2017/06/23 Python
Python中input与raw_input 之间的比较
2017/08/20 Python
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
python打印n位数“水仙花数”(实例代码)
2019/12/25 Python
python 爬取免费简历模板网站的示例
2020/09/27 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
会展中心部门工作职责
2013/11/27 职场文书
中班开学寄语
2014/04/04 职场文书
2014年母亲节演讲稿范文
2014/05/07 职场文书
考试作弊检讨书范文
2015/01/27 职场文书
企业介绍信范文
2015/01/30 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
辞职信如何写
2015/02/27 职场文书
导游词之沈阳植物园
2019/11/30 职场文书
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS