适用:v3.14+ 版本
为了方便用户在模板制作时使用其它更多的幻灯片效果,v3.14将直接提供调用幻灯片的图片、链接地址等参数,不再直接生成Js文件调用。
后台设置的幻灯片的相关参数将转化为一个二维数组[$slide],可以直接在插件数组[$plugins]中进行调用。
$slide[] 中的字段说明:
title :图片标题、说明文字
previews :预览图片[默认关闭,需在高级参数配置中开启]
picture :焦点图片
link :链接地址
concise :简要描述 [默认关闭,需在高级参数配置中开启]
调用示范:
幻灯片标题调用:
第一张图片标题:<!--{$plugins.slide.title.0}-->
第二张图片标题:<!--{$plugins.slide.title.1}-->
第三张图片标题:<!--{$plugins.slide.title.2}-->
依此类推,幻灯片数量在后台设置。。。
幻灯片小图调用:
第一张图片小图:<!--{$plugins.slide.previews.0}-->
第二张图片小图:<!--{$plugins.slide.previews.1}-->
第三张图片小图:<!--{$plugins.slide.previews.2}-->
注:该参数默认关闭,针对部分带缩略图的效果调用,需在高级参数配置中开启
幻灯片图片调用:
第一张图片地址:<!--{$plugins.slide.picture.0}-->
第二张图片地址:<!--{$plugins.slide.picture.1}-->
第三张图片地址:<!--{$plugins.slide.picture.2}-->
幻灯片链接地址:
第一张图片链接:<!--{$plugins.slide.link.0}-->
第二张图片链接:<!--{$plugins.slide.link.1}-->
第三张图片链接:<!--{$plugins.slide.link.2}-->
幻灯片简要描述:
第一张图片描述:<!--{$plugins.slide.concise.0}-->
第二张图片链接:<!--{$plugins.slide.concise.1}-->
第三张图片链接:<!--{$plugins.slide.concise.2}-->
注:简要描述默认为关闭,针对部分需要描述的效果时可选择在高级参数配置中开启
技巧:
在一些常见的幻灯片效果中通常需要将多个图片地址或参数用"|"隔开的调用方式,我们可以很方便的使用PHP中的implode函数将数组转换成字符串,不用使用循环来获取(根据您模板的具体效果,有的Js效果可能使用循环更为方便)。
如,我们需要这种调用:
pics = "<!--{$plugins.slide.picture.0}-->|<!--{$plugins.slide.picture.1}-->|<!--{$plugins.slide.picture.2}-->"
links = "<!--{$plugins.slide.link.0}-->|<!--{$plugins.slide.link.0}-->|<!--{$plugins.slide.link.0}-->"
通过implode函数直接将数组转换为"|"隔开的字符串,可以更方便,如:
pics = "<!--{$plugins.slide.picture|@implode:'|'}-->"
links = "<!--{$plugins.slide.link|@implode:'|'}-->"
循环:
<!--{foreach from=$plugins.slide.title item=pc key=i}-->
<li><a href="<!--{$plugins.slide.link.$i}-->" target="_blank"><img src="<!--{$plugins.slide.picture.$i}-->" width="650" height="260" border="0" alt="<!--{$plugins.slide.title.$i}-->" /></a></li>
<!--{/foreach}-->