仿站咨询QQ:2587483189

手机微信同号:15850888840

DedeCMS内容页图片过大导致布局混乱的解决方法

 许多使用过DEDE建网站的朋友,可能都会碰到过这样的情况,当我们在一个网站里发表一篇文章时,如果我们使用的图片,其宽度超过内容区域大小,图片就会将表格撑大,同时使得页面布局变得混乱起来。当然,如果懂CSS,我们可以利用css来定义,让超出的部分隐藏起来。不过,这样做的话,图片的美观性就很差,显示不出来超出的部分。

 
解决这个问题,还有一些朋友,会利用css,使图片在过大后,自动将图片缩小,不过,值得注意的是,由于CSS对各个浏览器存在兼容问题,所以就拿IE6浏览器来说,其作用就不大。
 
第一步,打开include/arc.archives.class.php 
 
仿站找到:
 
 
  //设置全局环境变量
$this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];
@SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');
 在下面加入代码:
 
 
  //替换图片Alt为文档标题
 
$this->Fields['body'] = str_ireplace(array('alt=""','alt=\'\''),'',$this->Fields['body']);
$this->Fields['body'] = preg_replace("@ [\s]{0,}alt[\s]{0,}=[\"'\s]{0,}[\s\S]{0,}[\"'\s]
@isU"," ",$this->Fields['body']);
$this->Fields['body'] = str_ireplace("<img " ,"<img alt=\"".$this->Fields['title']."\"
",$this->Fields['body']);
 
//img标签中加入超宽缩小JS调用代码
 
$suolue='onload="javascript:ImgReSize(this)"';
$this->Fields['body'] = str_ireplace("<img " ,"<img ".$suolue." ",$this->Fields['body']);

  • 上一篇:用DEDE采集数据的朋友,你是怎样嵌入单品的?
  • 下一篇:dedecms教程:文章显示红色日期或加上new字或new小图片
  • 来源:未知//所属分类: dede仿站 /更新时间:2014-05-16
    相关仿站教程
    • 相关链接:

      复制本页链接

    • 教程说明:

      DedeCMS内容页图片过大导致布局混乱的解决方法