我可以将多个图像堆叠在一起并在它们之间切换吗？HTML、CSS、Java脚本

<div id="imageContainer"></div>

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

var imageUrls = [
  "image1.jpg",
  "image2.jpg",
  "image3.jpg"
];

var imageContainer = document.getElementById("imageContainer");

imageUrls.forEach(function(url) {
  var img = document.createElement("img");
  img.src = url;
  img.style.position = "absolute";
  img.style.top = 0;
  img.style.left = 0;
  
  imageContainer.appendChild(img);
});

var currentImageIndex = 0;
var images = imageContainer.getElementsByTagName("img");

setInterval(function() {
  images[currentImageIndex].style.display = "none";
  currentImageIndex = (currentImageIndex + 1) % images.length;
  images[currentImageIndex].style.display = "block";
}, 2000);