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

posted on 2016-03-15 12:38  kclteam  阅读(225)  评论(0编辑  收藏  举报