网站图片循环滚动播放怎么做，请写一段html代码示例

好的，以下是一个简单的图片循环滚动播放的 HTML 代码示例：

<div class="slideshow">
  <img src="img1.jpg">
  <img src="img2.jpg">
  <img src="img3.jpg">
</div>

<script>
  // 设定轮播时间（单位：毫秒）
  var interval = 2000;

  // 获取轮播组件和轮播图片
  var slideshow = document.querySelector('.slideshow');
  var images = slideshow.querySelectorAll('img');

  // 定义当前图片和轮播计时器变量
  var current = 0;
  var timer = null;

  // 定义轮播函数
  function slide() {
    // 隐藏所有图片
    for (var i = 0; i < images.length; i++) {
      images[i].style.display = 'none';
    }
    // 显示当前图片
    images[current].style.display = 'block';
    // 计算下一张图片的索引
    current = (current + 1) % images.length;
  }

  // 设置定时器开始轮播
  timer = setInterval(slide, interval);
</script>

上面的代码中，首先定义了一个名为 `slideshow` 的 `div` 容器，里面包含了三张图片，分别为 `img1.jpg`、`img2.jpg` 和 `img3.jpg`。然后使用 JavaScript 定义了一个名为 `slide()` 的轮播函数，它先隐藏所有图片，然后显示当前图片，最后计算下一张图片的索引并更新 `current` 变量。最后使用 `setInterval()` 函数设置定时器，每隔一段时间（以 `interval` 变量指定的毫秒数为间隔）调用一次 `slide()` 函数，实现自动轮播的效果。