您当前的位置: 首页 > CMS教程 > 织梦CMS教程 > {dede:field name='image' }控制图片大小设置

{dede:field name='image' }控制图片大小设置

作者:xiaoxiao 来源:未知 发布时间: 2013-12-17 13:11 点击:
今天风信网络将针对dedecms中{dede:field name='image' }标签控制图片大小教大家如何进行设置。 控制图片大小的方法通常采用CSS进行控制,但我们更希望能更过修改模板标签中的代码实现: dedecms中{dede:field name=\image\ }标签控制图片大小 方法一: 找到模板中代码

{dede:field name='image' }控制图片大小设置

  今天风信网络将针对dedecms中{dede:field name='image' }标签控制图片大小教大家如何进行设置。
  
  控制图片大小的方法通常采用CSS进行控制,但我们更希望能更过修改模板标签中的代码实现:
  
  dedecms中{dede:field name=\image\ }标签控制图片大小
  
  方法一:
  
  找到模板中代码的位置如:
  
  <div class="picview">
  
  {dede:field name='image'/}
  
  </div>
  
  将其替换为:
  
  <div class="picview">
  
  <img src="{dede:field name='litpic'/}"  width="200" height="250">
  
  </div>
  
  这样就可以自由的实现各个模板中图片的大小啦,非常的方便!风信网络推荐大家采用此方法。
  
  方法二:
  
  修改文件:include/arc.archives.class.php 262行
  
  //模板里直接使用{dede:field name='image'/}获取缩略图
  
  $this->Fields['image'] = (!eregi('jpg|gif|png', $this->Fields['picname']) ? '' : "<img src='{$this->Fields['picname']}' />");
  
  将其替换为:
  
  $this->Fields['image'] = (!eregi('jpg|gif|png', $this->Fields['picname']) ? '' : "<img src='{$this->Fields['picname']}' onload='javascript:if (this.width>400) this.style.width=400;'/>");
  
  加上onload="javascript:if (this.width>400) this.style.width=400;"可以图片大小。超过400则只显示400,小于400的则显示实际图片大小。
  
  这种方法有个缺点:每个图片都是width=400,对于某些图片显示可能会对页面效果造成影响。
  
  大家可根据自己的需要进行选择使用。

分享到:
本文"{dede:field name='image' }控制图片大小设置"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(1)
100%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4