做一个有三张图的轮番图

轮番图的像素要求是1920*400
照片如下：

img

img

img


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>carousel模块快速使用</title>
  <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
</head>
<body>
 
<div class="layui-carousel" id="test1">
  <div carousel-item>
    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">

  </div>
</div>
<!-- 条目中可以是任意内容，如：<img src=""> -->
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
<script>
layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#test1'
    ,width: '1920px' //设置容器宽度
    ,height:"400px"
    ,arrow: 'none' //是否显示箭头   hover（悬停显示） always（始终显示 none（不显示）
    ,indicator:"inside" //指示器位置 inside（容器内部）  outside（容器外部） none（不显示）
    ,interval:"3000" //自动切换的时间间隔，单位：ms（毫秒），不能低于800
  });
});
</script>
</body>
</html>

swiper.js 了解一下