[Ola]

Приветствую!
Вот здесь https://www.w3schools.com/howto/howt...dal_images.asp пример как делать всплывающее окно поверх сайта, ну или как это называется, модальное окно.

Мне тоже нужно такое сделать. Но я не пойму, как сделать этот код

// Get the modal
var modal = document.getElementById('myModal');

// Get the image and insert it inside the modal - use its "alt" text as a caption
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;
}

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
}

чтобы это работало с несколькими картинками ( id="myImg1", myImg2, myImg3), т.е. с разными атрибутами id тега img:

<img id="myImg1" src="img_fjords.jpg" alt="Trolltunga, Norway" width="300" height="200">
<img id="myImg2" src="img_fjords.jpg" alt="Trolltunga, Norway" width="300" height="200">
<img id="myImg3" src="img_fjords.jpg" alt="Trolltunga, Norway" width="300" height="200">

Подскажите пожалуйста.