国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > ThinkPHP > 正文

thinkphp標簽實現(xiàn)bootsrtap輪播carousel實例代碼

2024-09-09 15:20:23
字體:
供稿:網(wǎng)友

由于輪播carousel第一個div需要設(shè)置active樣式才能正常顯示,上面的圓點也同樣需要數(shù)字,使用volist標簽在循環(huán)的同時可以取得下標(foreach,for標簽實現(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> 

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 十堰市| 屏东县| 丘北县| 昌邑市| 庆云县| 淅川县| 仙桃市| 五原县| 封开县| 阿荣旗| 靖江市| 开鲁县| 收藏| 沙湾县| 吴川市| 章丘市| 常山县| 雷波县| 柘城县| 萨迦县| 普安县| 木里| 隆安县| 永顺县| 巩义市| 蕲春县| 班戈县| 金平| 丰原市| 南昌市| 瓦房店市| 方正县| 灵璧县| 晋州市| 滨海县| 连江县| 宁南县| 仁化县| 台湾省| 昂仁县| 三台县|