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

  • 时间:
  • 浏览:0
作者:mcwm hihi 来源:ChinaZ源码报导 浏览: 2012-12-13 15:37:13 字号:大 中 小

[摘要]也不事先dedecms内容页图片过大把网站模版原有的布局撑坏了,原困布局混乱,如此 让我们 歌词 须要把图片显示的大小按比例调整,本文就介绍了之类 正确处理最好的办法。

  DEDECMS内容页图片过大,让我们 歌词 又不希望它不按比例的缩小,事先事先缩小不按比例,图片就会变形,也之前 我们 歌词 须要找到之类等比例缩放图片的最好的办法。

  第一步:打开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']);

//屏蔽height属性

$this->Fields['body'] = preg_replace('/<img(.+?)height=(.+?) (.+?)>/i',"<img$1$3>",$this->Fields['body']);

  第二步:打开你前台文章页模版,默认的是:/templets/default/article_article.htm,加入如下代码。那个800的数值,意思是当图片超过之类 数值,自动将图片缩小,角度缩小为800,角度自动按比例缩小,如此 之前 变形。

<script language='javascript'>

function ImgReSize(e)

{

  if(e.width>800) //800可根据你文章的内容区域大小,可调整

  {

    e.width=800;   //等同里边你设的那个数值

    e.style.width="";

  }

  if(e.height>10)

  {

    e.style.height="";

  }

}

</script> 

  到此,让我们 歌词 就删剪修改好了,内容页图片不多原困布局混乱问提就正确处理了。

sssss
Tags: dedecms   图片不多  
责任编辑:mcwm