网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 大学论文导航 设计下载 最新论文 下载排行 原创论文 论文源代码
返回网学首页
网学联系
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 编程文档 > 网络知识 > 正文

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

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 14/06/29

网学网网络知识编辑为广大网友搜集整理了: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,加入如下代码。那个600的数值,意思是当图片超过这个数值,自动将图片缩小,宽度缩小为600,高度自动按比例缩小,这样不会变形。

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

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

织梦CMS(DedeCMS) v5.7 SP1 GBK build20130607下载

界面预览

  • 软件大小:7.13MB
  • 软件类别:国产软件 | CMS建站
  • 软件语言:简体中文
  • 运行环境:PHP/Mysql
  • 软件授权:免费版
  • 更新时间:2013-6-8 9:36:46
  • 相关链接:Home Page

网学推荐

免费论文

原创论文

设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号