html5图片轮播怎么做

HTML5图片轮播可以通过使用HTML、CSS和JavaScript来实现。以下是一种简单的实现方式：

1. 在HTML中创建一个包含图片的容器，如下所示：

<div class="slideshow-container">
 <img src="image1.jpg" class="slide">
  <img src="image2.jpg" class="slide">
  <img src="image3.jpg" class="slide">
</div>

2. 使用CSS设置容器和图片的样式，如下所示：

.slideshow-container {
  position: relative;
}

.slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.active {
  display: block;
}

3. 使用JavaScript编写轮播功能的代码，如下所示：

var slides = document.getElementsByClassName("slide");
var index = 0;

function nextSlide() {
  slides[index].classList.remove("active");
  index = (index + 1) % slides.length;
  slides[index].classList.add("active");
}

setInterval(nextSlide, 3000);

此代码将在页面加载时设置一个计时器，每3秒钟切换到下一张图片，并将当前图片的类设置为“active”，从而使其可见。