对于有活动class="active"样式的幻灯片，调用标签怎么写

迅睿框架更新 2022-05-17 11:33:05

阿陆来

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

QQ截图20220516145751

方案

迅睿粉丝 #1 · 2022-05-16 20:56:23

用bootsat可以做，建议学学前端吧！
karas #2 · 2022-05-17 10:25:21

这个active是轮播插件自动追加的，引入插件js，内容部分只需要正常写不带active的dom就行了
swiper和carousel都是这样的
阿陆来 #3 · 2022-05-17 10:37:29

karas 不写带active，不行的，我测试过
大圣 #4 · 2022-05-17 10:49:49

你是需要默认第一个带 active 类吧只需要判断 key 就可以了建议下载标签插件查看调用标签
阿陆来 #5 · 2022-05-17 11:33:05

大圣你的思路不错，但我怎么写判断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>