首先声明:
所用软件为:VsCode
所需jar包可以去Layui官网下载
代码如下:
<div class="layui-carousel" id="test10">
<div carousel-item>
<div><img src="img/f1.jpg"></div>
<div><img src="img/f2 .jpg"></div>
<div><img src="img/f3.jpg"></div>
<div><img src="img/f4.jpg"></div>
<div><img src="img/f5.jpg"></div>
<div><img src="img/f6.jpg"></div>
</div>
</div>
<script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
<!-- 注意:如果你直接复制所有代码到本地,上述 JS 路径需要改成你本地的 -->
<!--图片轮播 -->
<script>
layui.use(['carousel', 'form'], function () {
var carousel = layui.carousel
, form = layui.form;
//图片轮播
carousel.render({
elem: '#test10'
, width: '1000px'
, height: '1500px'
, interval: 2000 //切换图片时间
});
});
</script>