写一个JavaScript轮转照片

以下一个简单的JavaScript轮转照片的代码：

HTML：

<div id="slideshow">
  <img src="image1.jpg" />
  <img src="image2.jpg" />
  <img src="image3.jpg" />
</div>

CSS：

#slideshow {
  position: relative;
  height: 300px;
  width: 500px;
}

#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

#slideshow img.active {
  opacity: 1;
}

JavaScript：

var slideshow = document.getElementById("slideshow");
var images = slideshow.getElementsByTagName("img");
var currentIndex = 0;

setInterval(function() {
  images[currentIndex].className = "";
  currentIndex = (currentIndex + 1) % images.length;
  images[currentIndex].className = "active";
}, 3000);

这个代码使用了setInterval函数来每隔3秒钟切换一张照片，通过改变img元素的className来实现图片的轮转。CSS中使用了opacity属性来实现渐变效果。