您好!欢迎来到模板下载吧!本站资源24小时自动发货,请放心选购,一次付费,终身下载,售后请提交工单!

织梦cms模板内容页图片太大导致布局混乱的解决方法

半岛未凉°【美工/技术】 2017-09-17 织梦二开 2687 已收录 本文共1347个字,预计阅读需要4分钟。
  • 文章介绍
  • 快速入门
  • 增值服务

DEDECMS内容页图片过大,我们又不希望它不按比例的缩小,因为如果缩小不按比例,图片就会变形,所以我们需要找到一种等比例缩放图片的方法。
第一步:打开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] @isU”,” “,$this->Fields[‘body’]);  
  4. $this->Fields[‘body’] = str_ireplace(“<img ” ,”<img alt=\””.$this->Fields[‘title’].”\” “,$this->Fields[‘body’]);//img标签中加入超宽缩小JS调用代码  
  5. $suolue=’onload=”javascript:ImgReSize(this)”‘;  
  6. $this->Fields[‘body’] = str_ireplace(“<img ” ,”<img “.$suolue.” “,$this->Fields[‘body’]); //屏蔽height属性  
  7. $this->Fields[‘body’] = preg_replace(‘/<img(.+?)height=(.+?) (.+?)>/i’,”<img$1$3>”,$this->Fields[‘body’]);  

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

  1. <script language=’javascript’>  
  2.     function ImgReSize(e) {  
  3.         if (e.width > 670) {  
  4.             e.width = 670;  
  5.             e.style.width = ””  
  6.         }  
  7.         if (e.height > 10) {  
  8.             e.style.height = ””  
  9.         }  
  10.     }  
  11. </script>  

到此,我们就全部修改好了,内容页图片太大导致布局混乱问题就解决了。

上一篇:

下一篇:

织梦cms模板内容页图片太大导致布局混乱的解决方法:等您坐沙发呢!
大牛,别默默的看了,快来点评一下吧!:)。

您必须登录后才能发表评论哦!:)

站内登录 QQ登录 微博登录
wordpress自适应高级图片shejigh主题

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者

模板下载吧,累计帮助1000+用户成功建站,为草根创业提供助力!

立刻开启你的建站之旅
现在加入模板下载吧,注册一个账号
  • 模板下载吧拥有海量网站模板及源码,站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源,帮您更快的完成网站建设。

  • 每日更新模板资源,每日精品推荐,及时获取最新模板资源流行去向。

  • 完美的售后服务,帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏,建立自己的资源库,并与朋友分享。