title
菜鸟吧 首页 站长学堂 云优教程 查看内容

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

2024-11-27 21:23| 发布者: admin| 查看: 1| 评论: 0|原作者: 菜鸟哥

摘要: 云优CMS产品详情页多产品轮播如何调用,其实标签手册里有,主要是用到了 str2arr 标签。代码如下:查看源码 ……

云优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产品详情页多产品轮播如何调用



路过

雷人

握手

鲜花

鸡蛋

最新评论

Archiver 手机版 小黑屋 网站地图

Copyright © 2015-2026 菜鸟吧论坛 |找资源研究学习当然上菜鸟吧论坛

警告:本站所有资源收集世界互联网,请下载后24小时之内删除,否則後果自負!
WARNING: ‌All resources from the web. Delete within 24 hours or consequences at your own risk!
郑重声明:站内所有资源均来自互联网或会员投稿发布, 如果侵犯了权益请联系删除,E-mail:cainiaovip8@qq.com 商用请购买正版。

返回顶部