加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

技术资讯

dede内容页自定义多图字段判断是否为空

2012-05-03 09:32:03

dede内容页自定义多图字段判断是否为空,如果某个自定义图字段为空,则不显示。

大家都知道在加拿大预测网-在线预测:青岛网站制作中,dede内容页中的作者(writer)或者来源(source)可以通过判断是否为空,用来控制“作者:xxx ”、“来源:xxx”是否显示,但是dede内容页判断字段是否为空,控制字段是否为空?dede如何控制自定义图片是否为空呢,通过研究,方法如下:
例如某个♛产品,在d♏ede内容页增加了4个自定义图片字段,而有的产品可能只有三个图,这样就需要将第四个图的位置啥也不显示,特别是一些多图js特效,就需要通过判断让其不显示,例如:

演示地址过阵子再发,加拿大预测网-在线预测:网站设计进行中(大概效果就是鼠标放小图,出现对应的大图)。

dede内容页判断字段是否为空
 
如果第四个图没有,则什么也不显示。

还是通过上图的js特效案例做说明,方法如下:
该js🥂实际上是一个小图对应一个大图,所以上面特效实际需要的是六张图,而我有的产品最多需要四张图,所以我将产品内容页的代码,增加了八个自定义字段,lipic1、bigpic1、lipic2、bigpic2、lipic3、bigpic3、lipic4、bigpic4:

dede内容页自定义图判断字段是否为空
 
 
dede内容页判断字段是否为空

将自定义字段加在下面代码中:

<li {dede:field name='litpic1' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = "";🍃 {/dede:field}><img src="{dede:field.litpic1/}"/><div class="none"><img src="{dede:field.bigpic1/}" alt="{dede:field.title/}"/></div></li>

<li {dede:field 💧name='litpic2' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}><img src="{dede:field.litpic2/}&qu🌜ot;/><div class="none"><img src="{dede:field.bigpic2/}" alt="{dede:field.title/}"/></div></li>

<li {dede:field name='litpic3' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}><img src="{dede:field.litpic3/}"/><div class="none"><img src="{dede:field.bigpic3/}" alt="{dede:field.title/}"/></div></li>
    
<li {dede:field name='litpic4' runphp='yes'} if(@me == "") @me = &qu🦄ot;style='display:none'";else @me = ""; {/dede:field} ><img src="{dede:field.litpic4/}"/><div class="none"><img src="{dede:field.bigpic4/}" alt="{dede:field.title/}"/></div></li>

litpic是小图,bigpic是大图,上面四段代码,每段是一组(一个小图一个大图),而每一组就是一个li标签,所以ꦗ做出以下判断:如🐈果该小图字段为空则将li标签显示一个style='display:none'代码,让该li标签隐藏。

在后台添加产品图:

dede内容页判断字段是否为空
 

本文属辛苦原创,转发请注明出处。

0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

扫码关注公众号

加拿大预测网-在线预测:官方公众号

2054585360