Javascript模式打开页面上的每个图像，但我不想要它

Question

好的，我有这个脚本：

<script>
var modal = document.getElementById('myModal');

var span = document.getElementsByClassName("close")[0];

span.onclick = function() { 
    modal.style.display = "none";
}

var images = document.getElementsByTagName('img');
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
var i;
for (i = 0; i < images.length; i++) {
   images[i].onclick = function(){
       modal.style.display = "block";
       modalImg.src = this.src;
       modalImg.alt = this.alt;
       captionText.innerHTML = this.nextElementSibling.innerHTML;
   }
}
</script>

我是Javascript的新手，我想做的是创建一个画廊，我确实做到了，但现在模态应用于我在该页面上的每个图像。模态应该在点击时放大图像。