有时候帮朋友做做企业网站,还是asp+access来的快,也经济(不用开数据库空间),fck做的后台内容编辑功能,但是他们传图片的时候不靠谱,图片不管有多宽都直接up上来,把前台页面撑的是面目全非!
没办法,还是得给他们搞个傻瓜式的办法解决
1、强制控制前台图片宽度,用css
<style type="text/css">
#Article_Content img {width: expression(this.width > 700 ? 700: true); max-width: 700px;}
</style>
2、大图强制控制后太小了,看不清楚,再给图片加个“点击看大图”的链接
注:此函数网上整理来的(自己没那么多时间捣腾)
Function FormatImg(content)
dim re
Set re=new RegExp
re.IgnoreCase =true
re.Global=True
re.Pattern="(script)"
Content=re.Replace(Content,"script")
re.Pattern="<img.[^>]*src(=| )(.[^>]*)>"
Content=re.replace(Content,"<img src=$2 style=""cursor: pointer"" alt=""在新窗口中打开浏览"" onclick=""javascript:window.open(this.src);"" border=""0""/>")
set re = nothing
FormatImg = content
End Function
显示的内容的时候,把内容放在一个div内(便于css控制),再调用函数给图片加链接,代码如下
<div id="Article_Content"><%=FormatImg(pcontent)%></div>
ie6、ie7、firefox测试通过
jQuery 方法
将要控制的图片放在一个div里
<div id=""max_img""><img src="img.jpg"></div>
<script src="/inc/jquery-1.5.2.min.js"></script>
<script type="text/javascript">
var max_width = 650;//初始最大宽度
$("#max_img img").each(function(){
//alert($(this).width());
if($(this).width() > max_width){
$(this).width(max_width);
}
});
</script>