您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
dede织梦内页怎么限制图片显示大小
傲晴2023-10-13 12:25:00dedecms教程已有人查阅
导读DEDECMS内容页图片过大,我们又不希望它不按比例的缩小,因为如果缩小不按比例,图片就会变形,所以我们需要找到一种等比例缩放图片的方法。
DEDECMS内容页图片过大,我们又不希望它不按比例的缩小,因为如果缩小不按比例,图片就会变形,所以我们需要找到一种等比例缩放图片的方法。
第一步:打开include/arc.archives.class.php
找到:
加入如下代码。那个600的数值,意思是当图片超过这个数值,自动将图片缩小,宽度缩小为600,高度自动按比例缩小,这样不会变形。
第一步:打开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>
到此,我们就全部修改好了,内容页图片太大导致布局混乱问题就解决了
本文标签:
很赞哦! ()
相关文章
随机图文
-
织梦dedecms文章添加跳转属性后打开出现空白的解决方法
使用织梦dedecms发布文章时,如果给文章添加了跳转属性,有时候会出现跳转页面什么都不显示,在后台编辑时,也全是空白页。下面告诉大家解决办法: -
织梦dedecms目录权限安全设置方法
目录权限:我们不建议用户把栏目目录设置在根目录, 原因是这样进行安全设置会十分的麻烦, 在默认的情况下,安装完成后,目录设置如下: -
使用百度Bae云平台服务器怎么安装原版dedecms
百度应用引擎(BAE)是百度推出的网络应用开发平台。基于BAE架构,使开发者不需要维护任何服务器,只需要简单的上传应用程序,就可以为用户提供服务。 -
dede织梦调用会员信息的方法
一、实现方法1)函数编写注意:自定义函数的编写一般都存放在/include/extend.func.php 中,以后升级只需要备份一下这个文件即可。
留言与评论 (共有 条评论) |