收藏本站 织梦模板之家(Mubanzhijia.Com),专注织梦模板设计制作!

热门搜索:

当前位置:主页 > 网站教程 > 技术教程 >

DEDECMS织梦网站文章内容页图片太大导致网站错位怎么解决

时间:2016-01-20 来源:未知 作者:模板之家 阅读: 1675次

我们在发布网站内容的时候,经常会考虑添加图片,一个是为了美观,还一个是为了丰富文章,但是很多时候我们添加的图片过大,要不导致网站打开速度过慢,要不就是网站错位;那么我们就需要缩小图片的尺寸,而且希望等比例缩小,不然图片会变形,一点都不好看,下面织梦模板徐国祥告诉大家怎么解决图片过大导致网站变形错位:

怎么等比例缩小图片尺寸

1、打开include/arc.archives.class.php 找到下面代码

  1. //设置全局环境变量 
  2. $this->Fields['typename'] = $this->TypeLink->TypeInfos['typename']; 
  3. @SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives'); 

在上面的代码下面加入下面这些代码

  1. //替换图片Alt为文档标题 
  2. $this->Fields['body'] = str_ireplace(array('alt=""','alt=\'\''),'',$this->Fields['body']); 
  3. $this->Fields['body'] = preg_replace("@ [\s]{0,}alt[\s]{0,}=[\"'\s]{0,}[\s\S]{0,}[\"'\s] 
  4. @isU"," ",$this->Fields['body']); 
  5. $this->Fields['body'] = str_ireplace("<img " ,"<img alt=\"".$this->Fields['title']."\" 
  6. ",$this->Fields['body']); 
  7. //img标签中加入超宽缩小JS调用代码 
  8. $suolue='onload="javascript:ImgReSize(this)"'
  9. $this->Fields['body'] = str_ireplace("<img " ,"<img ".$suolue." ",$this->Fields['body']); 
  10. //屏蔽height属性 
  11. $this->Fields['body'] = preg_replace('/<img(.+?)height=(.+?) (.+?)>/i',"<img$1$3>",$this->Fields['body']); 

2、在网站后面模板里面打开你前台文章页模版,默认的是:/templets/default/article_article.htm,加入如下代码。那个600的数值,意思是当图片超过这个数值,自动将图片缩小,宽度缩小为600,高度自动按比例缩小,这样不会变形。

图片过大网站错位

加入的代码如下:

  1. <script language='javascript'
  2. function ImgReSize(e) 
  3.   if(e.width>600) //600可根据你文章的内容区域大小,可调整 
  4.   { 
  5.     e.width=600;   //等同上面你设的那个数值 
  6.     e.style.width=""
  7.   } 
  8.   if(e.height>10) 
  9.   { 
  10.     e.style.height=""
  11.   } 
  12. </script>  

然后我们保存模板,进行网站生成就OK了,这样后期我们网站内容页上传图片的时候就再也不用担心图片过大导致网站布局混乱!

本文版权归原作者所有,转载请注明原文来源出处,织梦模板之家感谢您的支持!

本文链接:http://www.mubanzhijia.com/jishujiaocheng/432.htmlDEDECMS织梦网站文章内容页图片太大导致网站错位怎么解决http://www.mubanzhijia.com/jishujiaocheng/432.html

相关内容:
发表评论:
特价模板
特价织梦模板本站将持续推出,特价模板不参与其他促销活动!