Banner图的播放

个人资源与分享网站：http://xiaocaoshare.com/

1.效果图

2.页面代码

 <!--轮播图-->

    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="margin-right: -15px;">

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active" th:each="hot,hotStat : ${bList}"  th:if="${hotStat.index} == 0">
         <a  th:href="${hot.url}">
            <img th:src="'/upload/viewImg2/'+${hot.picture}+'@1145x324'"> 
           </a> 
        </div>
        <div  class="item" th:each="hot,hotStat : ${bList}"  th:if="${hotStat.index} != 0">
         <a  th:href="${hot.url}"> 
            <img th:src="'/upload/viewImg2/'+${hot.picture}+'@1145x324'"> 
         </a> 
        </div>
        
      </div>
        <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <i class="fa fa-angle-left" aria-hidden="true"></i>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <i class="fa fa-angle-right" aria-hidden="true"></i>
        <span class="sr-only">Next</span>
      </a>
    </div>