最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 织梦cms模板内容页图片太大导致布局混乱的解决

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

时间:2023-07-23 12:07:23 阅读: 文章分类: 网站建设 作者: 网站编辑员

导读:建站文章建站文章DEDECMS内容页图片过大,我们又不希望它不按比例的缩小,因为如果缩小不按比例,图片就会变形,所以我们需要找到一种等比例缩放图片的方法。 第一步:打开incl网站技术支持自助建站技术。

网站技术支持自助建站技术

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=\dede5.7模板’\”),”,$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,加入如下代码。那个600的数值,意思是当图片超过这个数值,自动将图片缩小,宽度缩小为600,高度自动按比例缩小,这样不会变形。

  • &l织梦的模板t;script language=’javascript’>  
  •     function ImgReSize(e) {  
  •         if (e.width > 670) {  
  •             e.width = 670;  
  •             e.style.width = ””  

    关键词标签: 建站 解决方法 太大

  • 声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章织梦cms模板内容页图片太大导致布局混乱的解决主要讲述太大,解决方法,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35533.html

    我的IDC 网站建设技术SEOUC.COM
    专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章