我正在嘗試制作一個畫廊，您可以在其中單擊每個圖像以放大。最終我會對畫廊進行風格化，但現在我只是想讓圖像發揮作用。我從 Stack Overflow 上的另一個用戶那里復制了這段代碼，回答了一個與我類似的問題，但我似乎無法讓 JS 除了第一張圖片之外的其他功能。#myImg:hover {  opacity: 0.7;}.modal {  display: none;  position: fixed;  z-index: 1;  padding-top: 100px;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgb(0, 0, 0);  background-color: rgba(255, 148, 195, 0.9);}.modal-content {  margin: auto;  display: block;  width: 80%;  max-width: 700px;}#caption {  margin: auto;  display: block;  width: 80%;  max-width: 700px;  text-align: center;  color: #ccc;  padding: 10px 0;  height: 150px;}.modal-content,#caption {  -webkit-animation-name: zoom;  -webkit-animation-duration: 0.6s;  animation-name: zoom;  animation-duration: 0.6s;}@-webkit-keyframes zoom {  from {    -webkit-transform: scale(0);  }  to {    -webkit-transform: scale(1);  }}@keyframes zoom {  from {    transform: scale(0.1);  }  to {    transform: scale(1);  }}.close {  position: absolute;  top: 15px;  right: 35px;  color: #f1f1f1;  font-size: 40px;  font-weight: bold;  transition: 0.3s;}<img id="myImg" style="width: 200px; height: 184px;" src="ta-cards.svg" alt="Business Card Design"><div id="myModal" class="modal">  <span class="close">×</span>  <img src="ta-cards.svg" class="modal-content" id="img01">  <div id="caption"></div></div>      <img id="myImg" style="width: 200px; height: 184px;" src="talogos.svg" alt="Image_wallpaper"><div id="myModal" class="modal">  <span class="close">×</span>  <img src="talogos.svg" class="modal-content" id="img01">  <div id="caption"></div></div>window.onload = function() {   var modal = document.getElementById('myModal');  var img = document.getElementById('myImg');  var modalImg = document.getElementById("img01");  var captionText = document.getElementById("caption");  img.onclick = function() {    modal.style.display = "block";    modalImg.src = this.src;    captionText.innerHTML = this.alt;  }我究竟做錯了什么？？