asp 文章内容里的图片宽度过大 撑爆页面布局 解决办法

有时候帮朋友做做企业网站，还是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>