[转]js图片自动等比例显示 - 阿星博客 - 博客园

随笔-18 评论-96 文章-15 trackbacks-6

[转]js图片自动等比例显示

var flag=false;

function ReSizeImg(Img,width,height)

{

var image=new Image();

image.src=Img.src;

//width=236;//预先设置的所期望的宽的值

//height=170;//预先设置的所期望的高的值

if(image.width>width||image.height>height) //现有图片只有宽或高超了预设值就进行js控制

{

w=image.width/width;

h=image.height/height;

if(w>h)

{

//比值比较大==>宽比高大

//定下宽度为width的宽度

Img.width=width;

//以下为计算高度

Img.height=image.height/w;

}

else

{

//高比宽大

//定下宽度为height高度

Img.height=height;

//以下为计算高度

Img.width=image.width/h;

}

}

}

使用：<img src="abc.gif" onload='javascript:ReSizeImg(this,114,118);'>

posted on 2007-03-03 16:38 xing 阅读(164) 评论(2) 编辑收藏所属分类: javascript

评论:

#1楼 2007-12-03 22:01 | 夹了B海盗 [未注册用户]

谢谢
回复引用

#2楼 2008-07-12 12:19 | arayer [未注册用户]

var flag=false

这句加上去，还有啥用？
回复引用

新用户注册刷新评论列表

标题

姓名

主页

Email

(博主才能看到)


验证码	* 看不清,换一张 [登录][注册]

内容(请不要发表任何与政治相关的内容)

  博客园首页

  新闻频道

  社区

  小组

  博问

  网摘

  闪存

Remember Me?

登录使用高级评论新用户注册返回页首恢复上次提交

[使用Ctrl+Enter键可以直接提交]

相关文章:
“图片变幻显示控件”发布
prototype.js　1.4版开发者手册(强烈推荐)
图片加载时自动显示等比例缩略图
jq图片预加载+自动等比例缩放插件
Winform下的Datagrid的列风格(3)—DataGridTimePickerColumn(转)
图片转换，把bmp图片转换为jpg图片

相关链接:

所属分类的其他文章:
[转]js技巧收集
prototype 源码解读之 prototype.js

最新IT新闻:
淘宝与微软总部达成首次合作 Silverlight加入店铺
苹果9日发布iTunes 8、iPhone 2.1和第四代iPod Nano
微软出品8GB蓝色和120GB Zune播放器
千亿美元市值榜:微软居首移动第二诺基亚退榜
Google申请“海上数据中心”专利可能付诸行动