1.标签图
<!--滑动组图-->
<div id="slider" class="mui-slider slider-div">
</div>
2.动态添加数据
var sliderGroup = document.createElement("div");
sliderGroup.className = "mui-slider-group";
var group = '<div class="mui-slider-item">' +
'<a id="' + 0 + '" href="#' + 0 + '">' +
'<img src="' + newsData.arrayImg[0].img + '"/>' +
'</a>' +
'<div>';
for(var i = 1; i < newsData.arrayImg.length; i++) {
group += '<div class="mui-slider-item">' +
'<a id="' + i + '" href="#' + i + '">' +
'<img src="' + newsData.arrayImg[i].img + '"/>' +
'</a>' +
'<div>';
}
sliderGroup.innerHTML = group;
var slider = document.getElementById('slider');
slider.appendChild(sliderGroup);
var gallery = mui('.mui-slider');
gallery.slider({
interval: 5000 //自动轮播周期,若为0则不自动播放,默认为0;
});
3.出现的问题
图片呈列表式纵向的全部呈现,不知道是什么原因?