Exemplo de código de implementação do carousel do Bootstrap usando tags do ThinkPHP

Devido ao fato de que o primeiro div do carousel precisa ter o estilo active para ser exibido corretamente, os pontos também precisam ser numerados

Utilize o rótulo volist para obter o índice durante a iteração (os rótulos foreach e for não conseguem fazer isso)

<div class="Container">
<!-- carousel -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel"}-indicators">
<volist name="bopic" id="xt">
<li data-target="#carousel-example-generic" data-slide-to="{$i-1">" class="<if condition="$i eq 1 ">ativo</if>"></li>
</volist>
</ol>
<div class="carousel-inner">
<volist name="bopic" id="xt">
<div class='item <if condition="$i eq 1 ">ativo</if>'>
<img src="{$xt.page_bopic_image}" alt="[#0#]"/>
</div>
</volist>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<!-- /.carousel -->
</div>

O que foi mencionado acima é o código de exemplo de implementação do carousel do Bootstrap pelo tag thinkphp apresentado pelo editor para vocês, esperamos que ajude. Se você tiver alguma dúvida, por favor, deixe um comentário, o editor responderá a você o mais rápido possível. Agradecemos também o apoio do site tutorial de gritaria!

Declaração: O conteúdo deste artigo é extraído da Internet, pertence ao autor original, o conteúdo é contribuído e carregado voluntariamente pelos usuários da Internet, este site não possui direitos de propriedade, não foi editado manualmente e não assume responsabilidade por questões legais relacionadas. Se você encontrar conteúdo suspeito de violação de direitos autorais, por favor, envie um e-mail para: notice#w3Aviso: O conteúdo deste artigo é extraído da Internet, pertence ao autor original, o conteúdo é contribuído e carregado voluntariamente pelos usuários da Internet, este site não possui direitos de propriedade, não foi editado manualmente e não assume responsabilidade por questões legais relacionadas. Se você encontrar conteúdo suspeito de violação de direitos autorais, por favor, envie um e-mail para: notice#w