Mui图片轮播的一些常用方法

//重要的事情说一遍：若轮播组件内容为js动态生成时（比如通过ajax动态获取的营销信息），
//则需要在动态生成完整DOM后，手动调用图片轮播的初始化方法。

//获得slider插件对象
var gallery = mui('.mui-slider');
gallery.slider({
  interval:5000//自动轮播周期，若为0则不自动播放，默认为0；
});

//切换到指定轮播
gallery.slider().gotoItem(1); //切换至第二个轮播

//当前所处轮播位置的索引
gallery.slider().getSlideNumber();

//上一个轮播
gallery.slider().prevItem();

//下一个轮播
gallery.slider().nextItem();

//左右滑动获取当前轮播位置索引
document.querySelector('.mui-slider').addEventListener('slide', function(event) {
  //注意slideNumber是从0开始的；
    var index = event.detail.slideNumber;
   console.info(index)
});