加入vip [签到送金币]
注册 登录 QQ登录
织梦无忧,用心做好源码!7年品牌,值得信赖! 织梦无忧,个个精品,宁缺毋滥!每月购买不少于3000元精品源码免费分享,早开通,早享受!终身会员临时大促,只需要128元!新会员开通,直接进入会员中心--购买会员--直接开通即可。

DEDE产品内容页调用多个自定义图片显示方法

摘要: 如果要想在内容页内示多个图片切换的话,首先得在网站的后台加图片的时候,可以上传多个图片,今天我就来讲一讲如何实现多图切换的方法,请大家扫我的步骤进行操作: 1. 修改内容模型 核心-- 频道模型 -- 内容模型管理 -- 普通文章 -- 点一下后面的 修改 按钮 2.

如果要想在内容页内示多个图片切换的话,首先得在网站的后台加图片的时候,可以上传多个图片,今天我就来讲一讲如何实现多图切换的方法,请大家扫我的步骤进行操作:

1.  修改内容模型  核心--> 频道模型 --> 内容模型管理 --> 普通文章 --> 点一下后面的 "修改" 按钮
 


 


2.  选择 "字段管理" --> 添加新字段 ---> 输入相关信息 ( 请看我图片提示 ) 按我的图片进行设置好,注意,此处可以多加几个图片,一般产品加4-5个图片,所以,定义图片的的时候..多加几个自定义图片,好让前台调用的时候多几个图片



 


 


3.  然后进网站的后台添加相应的产品图片---添加完成后,直接点确定就可以了



4.  现在我们就可以到前台的模板文件里面去调用了 调用的格式为:  <IMG src="{dede:field.cpt1 /}">  注意:蓝色的文字 cpt1 为我们新建的自定义图片字段 ,有几个字段..就调用几个字段,

5. 现在我们发现一个问题,当我们如果加了四个自定义图片的时候,如果有的产品图片只有三个,那还有两个就显示的空白的图片,这样很不人性化,
例如某个产品,在dede内容页增加了4个自定义图片字段,而有的产品可能只有三个图,这样就需要将第四个图的位置啥也不显示,特别是一些多图js特效,就需要通过判断让其不显示,那如何才能解决这个问题呢.

在此,我们的处理方法是,当我们只有三个图的时候,他前台就只显示三个图,如果只有两个图的时候,前台就只显示两个图片,把没有上传的空白的字段的图片隐藏起来,请看代码:

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

<li {dede:field name='litpic2' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}>
<img src="{dede:field.litpic2/}"/>
</li>

<li {dede:field name='litpic3' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}>
<img src="{dede:field.litpic3/}"/>
</li>
     
<li {dede:field name='litpic4' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field} >
<img src="{dede:field.litpic4/}"/>
</li>

 

litpic是自定义图片字段,一组就是一个li标签,所以做出以下判断:如果该小图字段为空则将li标签显示一个style='display:none'代码,让该li标签隐藏。

这样就完美的解决了产品内容页多个图片的问题,后台可以上传多张,如果有些没有上传的,,他前台也不会显示...如果上传了,,前台自己就会增加出来,大家看看,是不是完美解决了所有的问题

本文链接:http://www.dedecms51.com//dedecmsjiaocheng/zhimengjiqiao/178081.html

版权声明:本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

公众号二维码

微信公众号