VCPHP网站模板 - 外贸网站建设,外贸网站模板

VCPHP网站模板

当前位置: 首页 > 建站教程 > CMS教程 > DedeCMS教程 >

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

时间:2014-07-31 01:45来源:未知 作者:VCPHP网站模板 点击:
今天vcphp将针对dedecms中{dede:field name=image }标签控制图片大小教大家如何进行设置。 控制图片大小的方法通常采用CSS进行控制,但我们更希望能更过修改模板标签中的代码实现: dedecms中

今天vcphp将针对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,对于某些图片显示可能会对页面效果造成影响。

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

(责任编辑:VCPHP网站模板)
顶一下
(0)
0%
踩一下
(1)
100%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片
栏目列表
推荐内容
 
QQ在线咨询
售前电话热线
400-083-8184
售前QQ客服