设为首页 - 加入收藏
您的当前位置:主页 > CMS教程 > 织梦CMS > 正文

织梦CMS网站内容页图片太大DE解决办法

来源:原创 点击数: 时间:2018-01-25

 A3站长网在开始做站的时候遇到这样的问题,就是内容页面图片超出模板的地方看不到,就想着如何缩小,如今将找到的方法,分享给大家,希望能帮助到后来人
首先,我们找到 include/arc.archives.class.php 文件,使用DW打开

 

  找到下面的代码:

 

  //设置全局环境变量            $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 (有些网站内容页的模版可能不是这个默认的的模板) 打开模版后将下面代码插入到 <head> </head>中 ,注意那个670的数值,这个值意思是当图片超过这个数值,自动将图片缩小,宽度缩小为670,高度自动按比例缩小,这样不会变型,

 

<script language='javascript'>

function ImgReSize(e)

{

 

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

{

e.width=670; // 等同上面你设的那个数值

e.style.width="";

}

if(e.height>10)

{

e.style.height="";

}

}

</script>

到这里,就完成了,如果会修改CSS的可以找到这个内容区域的CSS,将它的宽设定好,然后定义一下,超出部分隐藏,因为有时候,文章在加载的过程中,显示的是你原始大小,加载完成后,JS才会起作用,将图片缩小。 

 

 

这里需要注意:要将$this->Fields['body'] = preg_replace('/<img(.+?)height=(.+?) (.+?)>/i',"<img$1$3>",$this->Fields['body']);变成一行,不然会出500错误$this->Fields['body'] = preg_replace('/<img(.+?)height=(.+?) (.+?)>/i',"<img$1$3>",$this- >Fields['body']);OK了,方法在这里发布出来了,来学习使用吧!

栏目分类

A3站长网 站长网 站长网技术网 站长教程网 织梦CMS教程 织梦模板 帝国CMS模板 联系QQ:26991496 邮箱:26991496@qq.com

A3站长网:欢迎您!谢谢您的访问...

Top