迅睿開源框架是一款PHP8高性能·簡單易用的PHP開源開發(fā)框架, 基于MIT開源許可協(xié)議發(fā)布,不限制商業(yè)使用,以多端互聯(lián)為設計理念, 支持的微信公眾號、小程序、APP客戶端、移動端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
業(yè)務經(jīng)理
微信掃描以上二維碼
028-61286886
技術咨詢
對于有活動class="active"樣式的幻燈片,調(diào)用標簽怎么寫,比如以下代碼怎么寫調(diào)用標簽
用bootsat可以做,建議學學前端吧!
這個active是輪播插件自動追加的,引入插件js,內(nèi)容部分只需要正常寫不帶active的dom就行了swiper和carousel都是這樣的
回復@karas 不寫帶active,不行的,我測試過
回復@大圣 你的思路不錯,但我怎么寫判斷key,都實現(xiàn)不出來
<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>
用bootsat可以做,建議學學前端吧!
這個active是輪播插件自動追加的,引入插件js,內(nèi)容部分只需要正常寫不帶active的dom就行了
swiper和carousel都是這樣的
回復@karas 不寫帶active,不行的,我測試過
回復@大圣 你的思路不錯,但我怎么寫判斷key,都實現(xiàn)不出來
<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>