Hbuilder动态加载图片轮播

主要是在所有DOM动态加载完成后,再调用轮播

 class="mui-slider">
   class="mui-slider-group mui-slider-loop">
    
     class="mui-slider-item mui-slider-item-duplicate"> href="#"> src="4.jpg" />
class="mui-slider-item"> href="#"> src="1.jpg" />
class="mui-slider-item"> href="#"> src="2.jpg" />
class="mui-slider-item"> href="#"> src="3.jpg" />
class="mui-slider-item"> href="#"> src="4.jpg" />
class="mui-slider-item mui-slider-item-duplicate"> href="#"> src="1.jpg" />

在加载完成后添加js代码:

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

你可能感兴趣的:(Hbuilder,html5,移动端)