Перейти к содержимому
×
// Get the modal element and images var modal = document.getElementById("myModal"); var modalImg = document.getElementById("modalImg"); var img1 = document.getElementById("img-1"); var img2 = document.getElementById("img-2"); var img3 = document.getElementById("img-3"); var closeBtn = document.getElementsByClassName("close")[0]; function openModal(imgSrc) { modal.style.display = "block"; modalImg.src = imgSrc; } img1.addEventListener("click", function () { openModal(img1.src); }); img2.addEventListener("click", function () { openModal(img2.src); }); img3.addEventListener("click", function () { openModal(img3.src); }); closeBtn.addEventListener("click", function () { modal.style.display = "none"; }); window.addEventListener("click", function (event) { if (event.target == modal) { modal.style.display = "none"; } });
Results:
×