Mui实现图片轮播

h5结构：

<div class="mui-slider">

     <div class="mui-slider-group mui-slider-loop">

       <!--支持循环，需要重复图片节点-->

       <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="imags/detail-ban04.png" /></a></div>

       <div class="mui-slider-item"><a href="#"><img src="imags/detail-ban01.png" /></a></div>

       <div class="mui-slider-item"><a href="#"><img src="imags/detail-ban02.png" /></a></div>

       <div class="mui-slider-item"><a href="#"><img src="imags/detail-ban03.png" /></a></div>

       <div class="mui-slider-item"><a href="#"><img src="imags/detail-ban04.png" /></a></div>

       <!--支持循环，需要重复图片节点-->

       <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="imags/detail-ban01.png" /></a></div>

     </div>

     <!-- 添加小圆点 -->

     <div class="mui-slider-indicator">

      <div class="mui-indicator mui-active"></div>

      <div class="mui-indicator"></div>

      <div class="mui-indicator"></div>

      <div class="mui-indicator"></div>

      </div>

   </div>

js结构：

<script type="text/javascript">

 // mui('.mui-input-row input').input();

 mui.plusReady(function () {

     var gallery = mui('.mui-slider');

      gallery.slider({

        interval:3000//自动轮播周期，若为0则不自动播放，默认为0；

      });

 })

</script>