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