西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > dedecms教程 >

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

时间:2016-03-11 14:52来源: 作者: 点击:
今天好模板zuimoban将针对dedecms中{dede:field name=image }标签控制图片大小教大家如何进行设置。 控制图片大小的方法通常采用CSS进行控制,但我们更希望能更过修改模板标签中的代码实现:

今天好模板zuimoban将针对dedecms中{dede:field name='image' }标签控制图片大小教大家如何进行设置。

控制图片大小的方法通常采用CSS进行控制,但我们更希望能更过修改模板标签中的代码实现: 
 

dedecms中{dede:field  data-cke-saved-name=\image\ name=\image\ }标签控制图片大小
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,对于某些图片显示可能会对页面效果造成影响。

大家可根据自己的需要进行选择使用。

(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容