1. 代码
<div class="layui-carousel" id="test10">
<div carousel-item="" id="picture">
获取的数据图片
</div>
</div>
2.
<script>
var ins;
layui.use(['carousel', 'form'], function () {
var carousel = layui.carousel;
//图片轮播
ins = carousel.render({
elem: '#test10'
, width: '100%'
, height: '500px'
, interval: 5000
});
</scrpit>
<script>
//轮播图播放
html += '<div><img id="lunboimg" src="' +图片路径+ '" style="width: 100%;height: 500px;"></div>';
$("#picture").append(html);
ins.reload({
elem: '#test10',
width: '100%', //设置容器宽度
height: '500px',
arrow: 'always', //始终显示箭头
//,anim: 'updown' //切换动画方式
autoplay: false
});
</scrpit>
如有错误或不恰当之处,望大佬们给予批评指正