制作带有照片列表的弹出窗口或对话框窗口

<ul id="photo-list">
  <li><img src="photo1.jpg" alt="Photo 1"></li>
  <li><img src="photo2.jpg" alt="Photo 2"></li>
  <li><img src="photo3.jpg" alt="Photo 3"></li>
  <!-- 更多照片列表项 -->
</ul>

#photo-list {
  width: 400px;
  height: 300px;
  background-color: #f2f2f2;
  padding: 10px;
  list-style: none;
}

// 获取按钮元素
var button = document.getElementById("open-dialog");

// 监听按钮点击事件
button.addEventListener("click", function() {
  // 创建弹出窗口
  var dialog = document.createElement("div");
  dialog.id = "photo-dialog";
  
  // 将照片列表添加到弹出窗口中
  var photoList = document.getElementById("photo-list");
  dialog.appendChild(photoList.cloneNode(true));
  
  // 将弹出窗口添加到页面中
  document.body.appendChild(dialog);
});