html图片滚动自动播放

HTML图片滚动自动播放通常通过JavaScript实现，特别是结合CSS动画效果。以下是一个简单的例子：

<div class="slideshow">
  <img src="image1.jpg" style="display:none;">
  <img src="image2.jpg">
  <img src="image3.jpg">
</div>

<script>
  var slideIndex = 0;
  showSlides();

  function showSlides() {
    var i;
    var slides = document.getElementsByClassName("slideshow")[0].getElementsByTagName("img");
    for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none"; // 隐藏所有图片
    }
    slideIndex++;
    if (slideIndex > slides.length) {slideIndex = 1} // 如果超过总张数，回到第一张
    slides[slideIndex-1].style.display = "block"; // 显示当前图片
    setTimeout(showSlides, 3000); // 每隔3秒切换到下一张
  }
</script>

在这个示例中，`showSlides`函数会隐藏当前显示的图片，然后显示下一张，并设置一个定时器让这个过程循环。注意这只是一个基础实现，实际应用中可能还需要考虑浏览器兼容性和用户体验优化。