如何用JAVASCRIPT设定图片的大小

翻译|其它|编辑:郝浩|2004-08-05 09:48:00.000|阅读 3341 次

概述:

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setImg(img,width,height){
//参数说明:img:图片对象;width:允许的最大宽度;height:允许的最大高度
var scale_w=img.width/width; //按宽度得到的缩放比例
var scale_h=img.height/height;//按高度得到的缩放比例
var scale=scale_w>scale_h?scale_w:scale_h;//得到缩放比例(取最大值)
img.width=img.width/scale;//缩放宽度
//img.height=img.height/scale;  //这一句加上后高度会按比例缩小两次,奇怪,代码中前面未对高度作修改。
}
//-->
</SCRIPT>
<BODY onload="javascript:setImg(angelfish,400,400);">
<table border="1" align="center">
 <tr>
  <td width="400" height="400" align="center",valign="middle">
<img id="angelfish" src="http://www.51js.com/attachments/36Vc_1082475569644.jpg">
</td>
 </tr>
</table>
</BODY>
</HTML>


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP