焦点图的相关调用及使用技巧
    发布日期:2010-03-03   点击次数:
    适用: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}-->
    模板下载