由于轮播carousel第一个div需要设置active样式才能正常显示，上面的圆点也同样需要数字，使用volist标签在循环的同时可以取得下标（foreach，for标签实现不了）.

1. <div class="Container"> 
2. <!-- carousel --> 
3. <div id="carousel-example-generic"class="carousel slide"data-ride="carousel"> 
4. <ol class="carousel-indicators"> 
5. <volist name="bopic"id="xt"> 
6. <li   data-target="#carousel-example-generic"data-slide-to="{$i-1}"class="<if  condition="$i eq 1">active</if>"></li> 
7. </volist> 
8. </ol> 
9. <div class="carousel-inner"> 
10. <volist name="bopic"id="xt"> 
11. <div class='item <if condition="$i eq 1 ">active</if>'> 
12. <img src="{$xt.page_bopic_image}"alt="{$xt.page_bopic_seo}"/> 
13. </div> 
14. </volist> 
15. </div> 
16. <a class="left carousel-control"href="#carousel-example-generic"data-slide="prev"> 
17. <span class="glyphicon glyphicon-chevron-left"></span> 
18. </a> 
19. <a class="right carousel-control"href="#carousel-example-generic"data-slide="next"> 
20. <span class="glyphicon glyphicon-chevron-right"></span> 
21. </a> 
22. </div> 
23. <!-- /.carousel --> 
24. </div> 

Tags: 实例 标签 代码

分享到：