layui 显示图片

可以使用 layui 的图片轮播组件来显示图片。具体步骤如下：

1. 引入 layui 的样式文件和 js 文件：

<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>

2. 在页面中添加一个容器，用于显示图片轮播组件：

<div class="layui-carousel" id="test1">
  <div carousel-item>
    <div><img src="https://www.example.com/image1.jpg"></div>
    <div><img src="https://www.example.com/image2.jpg"></div>
    <div><img src="https://www.example.com/image3.jpg"></div>
  </div>
</div>

3. 初始化图片轮播组件：

layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#test1',
    width: '100%', //设置容器宽度
    height: '200px', //设置容器高度
    interval: 5000, //自动切换时间间隔，单位：ms
    arrow: 'always', //始终显示箭头
    indicator: 'none' //不显示指示器
  });
});

其中，`elem` 参数指定容器的选择器，`width` 和 `height` 分别指定容器的宽度和高度，`interval` 指定自动切换的时间间隔，`arrow` 指定箭头的显示方式，`indicator` 指定指示器的显示方式。