通信

解决DEDE防止图片撑破页面,文章内容中的图片自适应宽度

字号+ 作者:网络 来源:网络自媒体 2019-07-29 21:41 我要留言(文明理性) 人气:

​许多使用过DEDE建网站的朋友,可能都会碰到过这样的情况,当我们在一个网站里发表一篇文章时,如果我们使用的图片,其宽度超过内容区域大小,图片就会将表......

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


解决这个问题,还有一些朋友,会利用css,使图片在过大后,自动将图片缩小,不过,值得注意的是,由于CSS对各个浏览器存在兼容问题,所以就拿IE6浏览器来说,其作用就不大。

今天,软件直销网小编为大家介绍一个好用的方法,供大家参考使用:

第一步,打开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 (有的朋友,仿完站,内容页的模版未必是这个默认的)打开模版后将下面代码插入到 中 ,注意那个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才会起作用,将图片缩小。


>上一篇:春城昆明阴雨连连,温润舒服的气候真不是吹的 >下一篇:IT技术人员的自我修养

文章标题:“解决DEDE防止图片撑破页面,文章内容中的图片自适应宽度”,永久链接:/a/view/unicom/2019/0729/314.html

以上文章首发:网易、搜狐、百度、微博等平台同步,欢迎爆料和留言评论交流。内容仅代表作者本人,我们仅提供网络储存空间服务,若有侵权或错误请及时联系客服修改删除。》快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台

欢迎在下方留言评论发表意见观点!(留言礼品抽奖大派送,请准确填写您的E-mail地址,难说中了呢~)

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

今日悦读推荐(按ctrl+D收藏)快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台

  • 》360再次重金收购域名,或要联合沃达丰?
  • 》抛开商业的成见与世俗的偏见,请允许我们向马云提出三个问题
  • 》你OUT了么:最潮的职业发展是跨界!
  • 》二维码群号分享/2019.7.16
  • 》LBS终于还是从了李明远:一切为了O2O
  • 》32岁网约车司机高速自发性气胸离世,家属泣诉平台担责!律师说法
  • 》日本学生五日“游泳+旅行”标准课,国内的亲子教育是不是值得借鉴参考?
  • 》王者归来——Fitbit charge手环抢先体验
  • 》每天推送:二维码群号分享
  • 》裁判员和运动员的双重角色,腾讯在开放与封闭中来回纠结
  • 》一位自媒体人士的呐喊:微信公众号抄袭所得应归原作者所有
  • 》滴滴有没有淡旺季?网友的留言亮了
  • 1.本站行业规范,转载的稿件都标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创行为我们将追究责任;3.根据国家法规和各合作网站管理细则,作者投稿可能会经我们编辑修改或补充。4.欢迎爆料推稿、软文代发代写、引流吸粉等推广合作(客服邮箱:mygoing@qq.com,微信:280062218)

    相关文章》快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台
    • 今天是释迦牟尼佛节日,布萨诵戒日,烟供火供吉祥日,新月

      今天是释迦牟尼佛节日,布萨诵戒日,烟供火供吉祥日,新月

      2019-08-02 09:06

    • 程序猿:分享收集的计算机内功修炼的经典资源,希望对大家提升内功有所帮助

      程序猿:分享收集的计算机内功修炼的经典资源,希望对大家提升内功有

      2019-07-29 21:58

    • IT技术人员的自我修养

      IT技术人员的自我修养

      2019-07-29 21:53

    • 21岁大学生在父亲的怀里停止了呼吸,原因值得所有家长警醒!

      21岁大学生在父亲的怀里停止了呼吸,原因值得所有家长警醒!

      2019-07-28 18:44

    网友点评》快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台

    欢迎在线留言发表意见及观点,您的留言反馈我们会第一时间反馈处理!(请文明理性用语)

    【友情提示:留言上传的图片附件/大小限3M以内/jpg.png.bmp等图片格式,其它格式文件系统拒收!】
    姓名:
    电话:
    邮件:
    微信:
    留言内容:
    图片附件:
    时间:
     

    今日好文推荐(按ctrl+D收藏)欢迎访问:快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台

  • 》秒走打车在昆明突然下线,再爆出行“聚合平台”打车高
  • 》21岁大学生在父亲的怀里停止了呼吸,原因值得所有家长
  • 》社科院反垄断专家张昕竹:我只为高通工作
  • 》将移动转售业务运营交给市场效果会更好吗?
  • 》织梦dedecms v5.7水印功能无效的解决方法
  • 》2015智能硬件8大趋势:免费模式将开启,硬件生态成型
  • 》分拆融资战巨头:当当要让电子书发威了
  • 》福布斯:这些听都没听过的手机品牌怎样颠覆中国和印度
  • 》jQuery实现等比例缩放大图片让大图片自适应页面布局
  • 》手机躺赚的APP,知道的人都赚翻天了,看来看看
  • 》从中网在线“直达生态”谈创业的生态时代
  • 》孙小果案件再审启动,全国扫黑办一查到底:公职人员和
  • 》追责阿里声讨腾讯约谈网易,政府强硬管理要为互联网立
  • 》马来西亚前国王被曝离婚令人唏嘘:曾经爱美人不爱江山
  • 》托尼昆卡摄影作品欣赏
  • 》这个春天裁员频发,互联网行业狂欢过后只剩失落
  • 》智能家居全面普及,空气净化器或成标配
  • 》以前女朋友天天骂我臭屌丝,是聚享游让我有钱给她买口
  • 》不只是淘宝,美国市场为何同样假货泛滥
  • 》滴滴有没有淡旺季?网友的留言亮了
  • 今日悦读推荐(按ctrl+D收藏)快分享网www.020going.com价值资讯_爆料_软文_引流_推广

  • 》21岁大学生在父亲的怀里停止了呼吸,原因值得所有家长
  • 》马云大手笔投资东北的背后
  • 》这个夏天吸睛100%的“发型”,男生说最爱韩式温婉派(
  • 》专家鉴别沉香的关键点,专家通常会通过观察沉香的色泽
  • 》马佳佳:传统企业家为什么不会好好说话?
  • 》手机QQ发30亿红包“约”支付宝春节一战
  • 》每天挂着微信、加几个群就能赚钱,随便玩每天几块到几
  • 》2015 科技圈三大预言:高速wi-fi、物联网、更智能的手
  • 》手机品牌春节撕逼战开始打响,谁将去争第一?
  • 》O2O深入农村市场到底有没有戏?
  • 》【海外新品】6款让你的房子更懂你的智能家居设备
  • 》红包成兵家必争之地,泛滥有隐忧需发力多元化
  • 》声优制造,优酷李黎的新思考方式
  • 》织梦dedecms v5.7水印功能无效的解决方法
  • 》聚美“有钱任性”,“极速免税店”10亿元能烧多久?
  • 》去动获千万美元融资 运动社交之下是运动O2O
  • 》苹果创新推出SiriOS,疑似抗衡亚马逊及谷歌语音助手
  • 》支付宝莫慌,当心陷入微信的红包圈套
  • 》LBS终于还是从了李明远:一切为了O2O
  • 》潘石屹称为筹划已拜访30多家互联网公司
  • 》主打“颠覆”,猎聘网年度颠覆盛典举行
  • 》支付宝,红包,网赚,薅羊毛,机会,打开,有红包,福利