由于輪播carousel第一個div需要設(shè)置active樣式才能正常顯示，上面的圓點也同樣需要數(shù)字，使用volist標(biāo)簽在循環(huán)的同時可以取得下標(biāo)（foreach，for標(biāo)簽實現(xiàn)不了）.

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>