欢迎来到站长互联,打造dede模板免费交流平台!

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

相关案例演示
今天织梦狗将针对dedecms中{dede:field http://www.dedegg.com/zixun/aggregation/11696.html">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,对于某些图片显示可能会对页面效果造成影响。
 
大家可根据自己的需要进行选择使用。
 

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by 站长互联,分享从这里开始,精彩与您同在

作者:zzhl 关注: 时间:2015-09-18 13:24
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(7389959)进行交流。
相关织梦教程
在线客服