因为想给黄岐生活资讯网的论坛加图片上传功能,但又不想使用组件来控制图片上传后的大小,因此就采用了CSS来控制,查找了半天,最开始找到的是:


<style type="text/css">
.thumbImage{
max-width:300px;
max-height:200px;
}
*html.thumbImage{
width:expression(this.width>300&&this.width>this.height?300:auto);
height:expresion(this.height>200?200:auto);
}
</style>
在图片调用中调用该CSS样式
------------------------------------------
<img src="图片文件地址" class="thumbImage" />
结果不行,于是再找,找到一个:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function ResumeError() { return true; }
window.onerror = ResumeError; //屏蔽JS错误,这样状态栏就不会显示“网站上有错误了”
</script>
<style type="text/css" >
.album-pic-list img {
vertical-align: middle;
max-width:100px; /* FF IE7 */
max-height:100px; /* FF IE7 */
_width:expression(this.width > 100 && this.width > this.height ? 100: auto); /* IE6 */
_height:expression(this.height > 100 ? 100 : auto); /* IE6 */
}
</style>
</head>
<body>
<div class="album-pic-list">
<img src="pic/pic_03.jpg" />
<img src="pic/lo2.jpg" />
</div>
</body>
</html>
但是会提示auto未定义?起先我并没有把那个屏蔽JS错误的JS放上去,所以会提示,后来放上去,结果IE好像Down了。
不过根据这个例子中的兼容提示,我再添加关键词“IE6”搜索,终于找到了一个比较满意的
http://bbs.80nian.net/viewthread.php?tid=154


<script language="javascript" type="text/javascript">
<!--
function ImgAuto(i){//你必须给图片提前设定初始宽度和高度,建议直接就是最大宽度和高度
var MaxW=250; //定义图片显示的最大宽度
var MaxH=250; //定义图片显示的最大高度
var o=new Image();o.src=i.src;var w=o.width;var h=o.height;var t;if (w>MaxW){t=MaxW;}else{t=w;}
if ((h*t/w)>MaxH){i.height=MaxH;i.width=MaxH/h*w;}else{i.width=t;i.height=t/w*h;}
}
-->
</script>
<img src="http://bbs.tnbz.com/attachments/forumid_42/XP_IuSTD0jh5sSb.jpg" width="250" height="250" onload="ImgAuto(this)">