当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js 加载时自动调整图片大小

Javascript
用JavaScript绘图 ——JS2D函数集
javascript引用对象的方法
新手入门常用代码集锦
JS也玩OO继承
使用JS+XML(数据岛)实现分页)
JScript重载的另类实现
window.showModalDialog使用手册
JavaScript基本对象
cssQuery()的下载与使用方法
用js实现多域名不同文件的调用方法
用htc组件制作windows选项卡
对javascript基本对象的属性以及方法的实例介绍
新浪的图片新闻效果
JavaScript 经典效果集
怎样在html文档里做隔行换色的多行方法
怎么在下面的HTML里调用数组cs[]的值
新浪滑门技术
兼容FF&IE的滚动代码
javaScript对象和属性的创建方法
js用于树型结构级联选择

Javascript 中的 js 加载时自动调整图片大小


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 266 ::
收藏到网摘: n/a

又一个javascript自动调整图片大小的脚本 // 方法: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 = "点击在新窗口中查看原图";
}