请使用JavaScript编写一段轮播图代码

以下是一段简单的轮播图代码，使用JavaScript实现：

HTML部分：

<div id="slideshow">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

CSS部分：

#slideshow {
  position: relative;
  height: 400px;
  overflow: hidden;
}

#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

#slideshow img.active {
  z-index: 2;
  opacity: 1;
}

JavaScript部分：

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

function nextImage() {
  images[currentIndex].classList.remove("active");
  currentIndex = (currentIndex + 1) % images.length;
  images[currentIndex].classList.add("active");
}

setInterval(nextImage, 3000);

在这个例子中，我们使用了CSS的`position`属性来将图片叠放在一起，并设置了`opacity`属性来控制图片的透明度。JavaScript代码中，我们使用了`setInterval`函数来定时切换图片，每隔3秒钟切换一次。`nextImage`函数用于切换图片，并使用`classList`属性来添加或移除`active`类以控制图片的显示状态。