这段限制图片大小的代码该怎么用呢？

玫铃 · 发表于 2007 年 1 月 2 日 18:39:30

您需要登录才可以下载或查看，没有账号？注册

×

#cont img { max-width: 400px;max-height: 400px;width:expression(onload=function(){if (this.offsetWidth>this.offsetHeight){this.style.width=(this.offsetWidth > 400)?"400px":"auto"}{this.style.height=(this.offsetHeight < 400)?"auto":"400px"}});border:0px;}

复制代码

我的论坛的图片显示BBcode是

'#IMAGE
if isFound(str,"[img=") > 0 AND isFound(str,"[/img]") > 0 AND isFound(str,"javascript:") = 0 then
imageIndex = imageIndex + 1
str= Replace(str,"[img=","<br><img onclick=""userImage" & imageIndex & """ onload=""javascript:if(this.width> screen.width/2) this.width=screen.width/2"" id='userImage" & imageIndex & "' src=")
str = Replace(str,"][/img]",">")
isChange = false
End if

复制代码

该怎么组合呢？

我踏MJ而来 · 发表于 2007 年 1 月 2 日 18:43:24

这段代码是css里的,看错了，有用，直接插css里就可以
不过，你把这段加在html的head上面也可以

复制代码

[ 本帖最后由我踏MJ而来于 2007-1-2 18:55 编辑 ]

玫铃 · 发表于 2007 年 1 月 2 日 19:04:22

直接放到css里就可以了吗

我踏MJ而来 · 发表于 2007 年 1 月 2 日 19:07:53

对，但是相对图片的大区域要加个cont的id

玫铃 · 发表于 2007 年 1 月 2 日 19:08:03

我的论坛顶端有一个超宽的图片，所以用了你的代码，那个图片就会变小，但是其他图片不变

我踏MJ而来 · 发表于 2007 年 1 月 2 日 19:13:24

复制代码

不想变的图片加一个ref="keep"的属性，具体的限制大小改500和499

waitme · 发表于 2007 年 1 月 2 日 19:22:16

。。。。。。。。。。。

玫铃 · 发表于 2007 年 1 月 2 日 19:40:27

真是太谢谢你啦，我苦恼已久的问题终于解决了，呵呵呵。

ashun · 发表于 2007 年 1 月 2 日 20:00:24

小白素强人
膜拜ing

esnak · 发表于 2007 年 1 月 2 日 20:22:46

<!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=utf-8" />
<title>css</title>
<style type="text/css">
body {}
img {border:0;}
.article {width:200px; height:100px; background:#ccc;}
.article img {
max-width: 200px;
max-height: 200px;
width:
expression(onload=function(){if (this.offsetWidth>this.offsetHeight)
{this.style.width=(this.offsetWidth > 200)?"200px":"auto"}
{this.style.height=(this.offsetHeight < 200)?"auto":"200px"}
});
}
</style>
</head>
<body>
<div class="article">
<img src="http://jgwy.net/bbs/images/server.gif" />
<br />
<img src="http://www.jgwy.net/bbs/images/smilies/smile.gif" />
<br />
容器width=200px
</div>
</body>
</html>

复制代码

但注意，expression是相当耗cpu的，不能用太多

账号		自动登录	找回密码
密码			注册