| 首页  |  资讯  |  评测  |  活动  |  学院  |  专题  |  杂志  |  产服  |  
您现在的位置:鲁尔网> 学院> 经验>

织梦dedecms系统怎么让图片自适应屏幕大小

2020-09-04 02:59 作者:Aaron 来源:鲁尔网综合 关注:搜索试试

许多使用过织梦dedecms建网站的朋友,可能都会碰到过这样的情况,当我们在一个网站里发表一篇文章时,如果我们使用的图片,其宽度超过内容区域大小,图片就会将表格撑大,同时使得页面布局变得混乱起来。当然,如果懂CSS,我们可以利用css来定义,让超出的部分隐藏起来。不过,这样做的话,图片的美观性就很差,显示不出来超出的部分。

 

解决这个问题,还有一些朋友,会利用css,使图片在过大后,自动将图片缩小,不过,值得注意的是,由于CSS对各个浏览器存在兼容问题,所以就拿IE6浏览器来说,其作用就不大。
下面我们来看一种好方法。
第一步,打开include/arc.archives.class.php
找到:
1
2
3
//设置全局环境变量$this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];
@SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this-
>Fields['title'],'archives');
在下面加入代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//替换图片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 "="" ,"Fields['title']."\"
",$this->Fields['body']);
//img标签中加入超宽缩小JS调用代码
$suolue='οnlοad="javascript:ImgReSize(this)"';
$this->Fields['body'] = str_ireplace("<img "="" ,"Fields['body']);
//屏蔽height属性
$this->Fields['body'] = preg_replace('//i',"",$this->Fields['body']);
第二步:打开你前台文章页模版,默认的是:/templets/default/article_article.htm(有的朋友,仿完站,内容页的模版未必是这个默认的)打开模版后将下面代码插入到 中 ,注意那个670的数值,这个值意思是当图片超过这个数值,自动将图片缩小,宽度缩小为670,高度自动按比例缩小,这样不会变型。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
到这里,就可以了,如果你懂CSS最好找到内容区域的CSS,将它的宽设定好,然后定义一下,超出部分隐藏,因为有时候,文章在加载的过程中,显示的是你原始大小,加载完成后,JS才会起作用,将图片缩小。

【对“织梦dedecms系统怎么让图片自适应屏幕大小”发布评论】

版权及免责声明:
① 本网站部分投稿来源于“网友”,涉及投资、理财、消费等内容,请亲们反复甄别,切勿轻信。本网站部分由赞助商提供的内容属于【广告】性质,仅供阅读,不构成具体实施建议,请谨慎对待。据此操作,风险自担。
② 内容来源注明“鲁尔网”及其相关称谓的文字、图片和音视频,版权均属本网站所有,任何媒体、网站或个人需经本网站许可方可复制或转载,并在使用时必须注明来源【鲁尔网】或对应来源,违者本网站将依法追究责任。
③ 注明来源为各大报纸、杂志、网站及其他媒体的文章,文章原作者享有著作权,本网站转载其他媒体稿件是为传播更多的信息,并不代表赞同其观点和对其真实性负责,本网站不承担此类稿件侵权行为的连带责任。
④ 本网站不对非自身发布内容的真实性、合法性、准确性作担保。若鲁尔网因为自身和转载内容,涉及到侵权、违法等问题,请有关单位或个人速与本网站取得联系(联系电话:01057255600),我们将第一时间核实处理。
广告
相关
头条
新闻来源很重要?将近一半读者根本不关心它! 新闻来源很重要?将近一半读者根本不关心它!
在网络主页上发新闻的好日子早就过去了。今天的受众更愿意把超过一半的流量花在社交媒……
·新闻来源很重要?将近一半读者根本不关心它!
图文
织梦dedecms系统怎么让图片自适应屏幕大小
织梦dedecms系统怎么让图片自适应屏幕大小
云计算核心技术Docker教程:如何更改默认IP地址?
云计算核心技术Docker教程:如何更改默认IP
自媒体账号如何申请?各个平台运营方法汇总!
自媒体账号如何申请?各个平台运营方法汇总
如何把苹果iPhone手机的照片传到苹果Mac电脑?
如何把苹果iPhone手机的照片传到苹果Mac电
热点
·做客、作客、座客和坐客的意思和区别是什么?
·硅谷为什么叫硅谷?硅谷到底是什么意思呢?
·知道UV、VV,CV是什么?PV、UV、IP什么意思?
·自媒体账号如何申请?各个平台运营方法汇总!
·目前微信有什么bug?微信bug是什么意思啊?
旧闻
·苹果电脑系统MAC OS如何安装Yummy FTP程序?
·什么是域名纠错系统?怎么关闭域名纠错系统?
·织梦dedecms浏览次数初始默认值如何设置修改
·织梦dedecms系统怎么让图片自适应屏幕大小
·将阿里公关天团持续打压 京东公关玩起超限战
广告
硅谷精选
织梦dedecms系统怎么让图片自适应屏幕大小
织梦dedecms系统怎么让图片自适应屏幕大小
云计算核心技术Docker教程:如何更改默认IP地址?
云计算核心技术Docker教程:如何更改默认IP地址?
这些报纸曾经很辉煌:所谓的平媒基因到底是什么?
这些报纸曾经很辉煌:所谓的平媒基因到底是什么?
淡黄的长裙蓬松的头发是什么梗?这个梗出自哪里?
淡黄的长裙蓬松的头发是什么梗?这个梗出自哪里?
如何把苹果iPhone手机的照片传到苹果Mac电脑?
如何把苹果iPhone手机的照片传到苹果Mac电脑?
mcafee是什么软件好用吗?McAfee中文译名是什么?
mcafee是什么软件好用吗?McAfee中文译名是什么?
关于我们·About | 联系我们·contact | 加入我们·Join | 关注我们·Invest | Site Map | Tags | RSS Map
电脑版·PC版 移动版·MD版 网站热线:(+86)010-57255600
Copyright © 2007-2020 鲁尔网. 版权所有. All Rights Reserved. <京ICP备12003855号-2>