[j0hnik]

<a href="https://javascript.ru/forum/images/ca_serenity/misc/logo.gif" class="modalImg">картинка</a>
<a href="https://javascript.ru/forum/images/ca_serenity/misc/logo.gif" class="modalImg">картинка2</a>
  <div id="modal" style="display:none;"></div>
  <script>

    document.querySelectorAll('a.modalImg').forEach(function (el) {
      el.onclick = function (e) {
        e.preventDefault();
        var img = new Image();
        img.src = this.href;
        img.onload = function () {
          modal.appendChild(img);
          modal.style.display = 'block';
        };
      };
    });

  </script>

принцип такой, при закрытии удаляете img

или же в блоке modal создайте постоянный img и в обработчике onload меняйте src