喜欢就分享给更多人!

云优CMS产品详情页多产品轮播如何调用

云优教程 11-27 21:23
云优CMS产品详情页多产品轮播如何调用

云优CMS产品详情页多产品轮播如何调用,其实标签手册里有,主要是用到了 str2arr 标签。

代码如下:

查看源码

<div class="zoombox">

  <div class="zoompic"><a class="example-image-link" href="{$content.pic}" data-lightbox="example-set"

  data-title="{$content.title}" ><img class="example-image" src="{$content.pic}" width="860" height="580"

  alt="{$content.title}" /></a></div>

  <div class="sliderbox">

    <div id="btn-left" class="arrow-btn dasabled"></div>

    <div class="slider" id="thumbnail">

      <ul>

      <volist name="$content.piclist|str2arr='***'" id="v" key='k'>

        <li <if condition = "$k eq 1">class="current"</if>><a href="javascript:;" >

        <img src="{$v}" alt="{$title}" /></a></li>

      </volist>

      </ul>

    </div>

    <div id="btn-right" class="arrow-btn"></div>

  </div>

</div>

效果如下:

云优CMS产品详情页多产品轮播如何调用


友情链接: 菜鸟吧源码 菜鸟聚会登录 网站目录大全 菜鸟吧导航网 冒泡网赚 中创网 福缘创业网 臭虾米项目网 小淘学社 吾图资源网 懒人之家源码 ASP300源码 折翼天使 锦尚中国 莎莎源码论坛 吾爱源码论坛 织梦58 搜虎源码论坛 游戏咖啡屋 码农网 虎格网 织梦猫 魔克吧 忽悠兄基地

网站快速入口:| 网站首页 | 用户登录 | 快捷登录 | 注册账号 | 会员中心 |