联系官方销售客服

1835022288

028-61286886

问题 求助问题 分享经验
开发框架 版主：迅睿框架研发组
对于有活动class="active"样式的幻灯片，调用标签怎么写
阿陆来
类型：迅睿CMS 更新时间：2022-05-17 11:33:05 循环高亮


对于有活动class="active"样式的幻灯片，调用标签怎么写，比如以下代码怎么写调用标签

QQ截图20220516145751

回帖
  • 迅睿粉丝
    #1楼    迅睿粉丝
    2022-05-16 20:56:23
    小米手机 0
    用bootsat可以做，建议学学前端吧！
  • karas
    #2楼    karas
    2022-05-17 10:25:21
    Chrome 0
    这个active是轮播插件自动追加的，引入插件js，内容部分只需要正常写不带active的dom就行了
    swiper和carousel都是这样的
  • 阿陆来
    #3楼    阿陆来
    2022-05-17 10:37:29
    Chrome 0
    karas 不写带active，不行的，我测试过
  • 大圣
    #4楼    大圣
    2022-05-17 10:49:49
    Edge 0
    你是需要默认第一个 带 active 类吧 只需要 判断 key 就可以了 建议下载标签插件 查看调用标签
  • 阿陆来
    #5楼    阿陆来
    2022-05-17 11:33:05
    Chrome 0
    大圣 你的思路不错，但我怎么写判断key，都实现不出来<div class="carousel slide" id="carousel-649599"> <ol class="carousel-indicators"> {loop $return $key $t} <li {if $key==0}class="active"{/if} data-slide-to="{$key}" data-target="#carousel-649599"> </li>{/loop} </ol> <div class="carousel-inner"><?php $mysite=dr_site_value('hdtp');?>{php $mval = $mysite;} {loop $mval $v} <div class="item{if $key==0} active{/if}"> <img alt="{$v[2]}" src="{dr_get_file($v[1])}" /> <div class="carousel-caption"> <h4>{$v[2]} </h4> </div> </div>{/loop} </div> <a class="left carousel-control" href="#carousel-649599" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-649599" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> </div>
相关问题