当前位置:首页 > 网站建设 > 正文内容

dedecms网站内容页图片太大怎么办

老威5年前 (2018-01-10)网站建设32520

dedecms网站内容图片太大怎么办?很多套模板的朋友会遇到这个问题,自己没有什么html基础,感觉无从下手了。其实老威还是不太建议大家使用套板站的,套板站大多数都比较辣鸡,也可以说是人们用烂了的,大家可以自学一点html,在模板的基础上改动一点地方,也比单纯套个模板强多了,但是有些时候我们为了方便不得不使用套板站,所以也要有相关问题的解决方法。

懂CSS的朋友能会通过css来定义,让超出的部分隐藏起来,但这样,图片的美观性很差,显示不出来超出的部分,论坛中还有一些朋友,用css方法,当图片过大后,将图片自动缩小,但是我试过,因为CSS对各个浏览器存在兼容问题,下面老威就给大家分享一下几种修改方法。

第一种方法,我们在DEDE后台发文章插入图片的时候,双击图片,手动更改下图片的宽度和高度,或者切换到代码界面,手动添加heigh="高度" width="宽度",如图所示。


第二种方法,修改dede的文件,找到include/arc.archives.class.php,可以用DW或者notepad++等编辑软件打开,找到下面的代码:

  //设置全局环境变量
  $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错误,大家学习了快来尝试尝试吧!

扫描二维码至手机访问

扫描二维码推送至手机访问。

版权声明:本文由老威SEO发布,如需转载请注明出处。

转载请注明出处:http://www.lwseo.cn/wzjs/49.html

标签: dedecms
分享给朋友:

相关文章

老威的济南网站建设历程

老威的济南网站建设历程

我接手的首个网站是龙潮炭火烤鱼,当时实习的时候,建站一点不会,只懂点html基础,然后我领导是手把手教的我建站,一般建站初学者都是用dedecms建站,这个站也不例外,我记得当时领导还让我研究一个友点...

帝国cms前台定时刷新插件以及sql语句

帝国cms前台定时刷新插件以及sql语句

我们做定时刷新的好处就是能让蜘蛛来这个页面总能抓到不同的内容,这样的话也有利于SEO优化,其实相比之前做轮链更好,但是这得基于一个平台二次开发一下,无奈老威编程辣鸡,先用着定时刷新乐呵乐呵得了。废话不...

帝国cms如何修改搜索提示页面?

帝国cms如何修改搜索提示页面?

喜欢帝国cms的一定会被某些样式所困扰,感觉不是很美观,搜索功能是大家常用的功能之一,帝国cms的搜索提示页面给人一种说不出来的感觉,如下图所示今天老威SEO博客分享一下修改搜索提示页面样式跟文字的方...

dedecms自定义表单手机号和邮箱加入验证功能及必填项

dedecms自定义表单手机号和邮箱加入验证功能及必填项

我们在使用dedecms织梦程序做网站的时候,经常都会用到自定义表单。因为织梦默认的自定义表单是没有没有对提交的信息进行过滤,经常会有垃圾信息骚扰。这里提供2条检测规则,是利用正则方法,可以检测手机号...

帝国cms列表页怎么调用关键字tag标签

帝国cms列表页怎么调用关键字tag标签

有很多朋友都在问帝国cms列表页怎么调用关键字tag,tag作为内链手法,对于SEO有一定的好处,下面老威就实例讲述一下帝国cms列表页面调用关键字tag标签的方法,分享给大家参考。具体实现方法如下:...

帝国cms列表页分页样式美化

帝国cms列表页分页样式美化

跟上一篇讲过的一样,帝国自带的分页样式太过于丑,所以老威又找到了几种修改样式的方法,本文持续更新·····这是之前的分页样式我们首先进入帝国后台,点击系统设置->系统参数设置->信息设置,...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。