| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 564 人关注过本帖
标题:如何让图片按适当的比例显示?
只看楼主 加入收藏
hhh361
Rank: 1
等 级:新手上路
帖 子:64
专家分:0
注 册:2007-1-16
收藏
 问题点数:0 回复次数:4 
如何让图片按适当的比例显示?
请教大家个问题:
通常做网页在做产品展示的时候限制成每个图片都一样大 这样整齐 美观些
可是用数码相机拍的照片传上去后 又常常因为上面的限制关系 而导致图片变形
不知道怎么做才可以让图片不变形?
搜索更多相关主题的帖子: 数码相机 做网页 图片 如何 照片 
2007-04-07 23:15
gdk2006
Rank: 4
等 级:业余侠客
威 望:8
帖 子:928
专家分:270
注 册:2006-7-2
收藏
得分:0 

这段代码看看是不是你要的!
<SCRIPT LANGUAGE="JavaScript">
function imgResize(obj){
if (obj.width/obj.parentElement.width >= obj.height/obj.parentElement.height )
{
if (obj.width>obj.parentElement.width)
{
obj.width = obj.parentElement.width;
}
}
else
{
if (obj.height>obj.parentElement.height)
{
obj.height = obj.parentElement.height;
}
}
}
</SCRIPT>
<TABLE border="1">
<TR>
<TD width="200" height="120"><IMG src="http://www.baidu.com/img/slogo.gif";

onload="imgResize(this)"></TD>
</TR>
</TABLE>


程序员的悲哀如何找女朋友?
追女解决方案百度“让她着迷”!
2007-04-09 08:53
caor1987
Rank: 1
等 级:新手上路
帖 子:228
专家分:0
注 册:2006-10-15
收藏
得分:0 
[CODE][/CODE]
2007-04-09 10:47
lq7350684
Rank: 6Rank: 6
等 级:贵宾
威 望:20
帖 子:5089
专家分:98
注 册:2006-11-6
收藏
得分:0 
回复:(hhh361)如何让图片按适当的比例显示?

<html>
<head>
<title>图片缩放</title>
</head>
<body>
<img id="n" src="http://bbs.bc-cn.net/Images/userface/image1.jpg" onload="javascript:if(this.style.width<150);this.style.width=150;" />
</body>
</html>

2007-04-09 17:32
hhh361
Rank: 1
等 级:新手上路
帖 子:64
专家分:0
注 册:2007-1-16
收藏
得分:0 
谢谢你们~~
我知道了。。
2007-04-09 23:17
快速回复:如何让图片按适当的比例显示?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.034253 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved