如何使用从数组调用的图像创建Lightbox？

<div id="lightbox-container"></div>

// 图像数组
var images = [
  "image1.jpg",
  "image2.jpg",
  "image3.jpg"
];

// 监听图像点击事件
document.addEventListener("click", function(event) {
  var target = event.target;
  
  // 检查点击的元素是否为图像
  if (target.tagName === "IMG") {
    // 获取图像索引
    var index = Array.from(target.parentNode.children).indexOf(target);
    
    // 创建新的图像元素
    var lightboxImage = document.createElement("img");
    lightboxImage.src = images[index];
    
    // 将图像添加到Lightbox容器中
    var lightboxContainer = document.getElementById("lightbox-container");
    lightboxContainer.innerHTML = "";
    lightboxContainer.appendChild(lightboxImage);
    
    // 显示Lightbox容器
    lightboxContainer.style.display = "block";
  }
});

// 关闭Lightbox
document.addEventListener("click", function(event) {
  var target = event.target;
  
  // 检查点击的元素是否为Lightbox容器
  if (target.id === "lightbox-container") {
    // 隐藏Lightbox容器
    target.style.display = "none";
  }
});