轮播图自动动轮播

分类：MUI

图片轮播

<link href="css/mui.min.css" rel="stylesheet"/>  
    <script type="text/javascript" charset="utf-8">  
            mui.init({  
                swipeBack:true //启用右滑关闭功能  
            });  

        //获得slider插件对象  
        var gallery = mui('#slide');  
        gallery.slider({  
         interval:500//自动轮播周期，若为0则不自动播放，默认为0；  
        });  
        gallery.slider().gotoItem(3);//跳转到第index张图片，index从0开始；  
    </script>  

<body>  
    <div id="slide" class="mui-slider">  
  <div class="mui-slider-group">  
    <div class="mui-slider-item"><a href="#"><img src="image/1.png" /></a></div>  
    <div class="mui-slider-item"><a href="#"><img src="image/2.png" /></a></div>  
    <div class="mui-slider-item"><a href="#"><img src="image/3.png" /></a></div>  
    <div class="mui-slider-item"><a href="#"><img src="image/4.jpg" /></a></div>  
  </div>  
</div>  
</body>

报错： Uncaught TypeError: Cannot call method 'gotoItem' of null

2015-09-02 13:00 负责人:无分享