document.addEventListener("DOMContentLoaded", function () { const images = document.querySelectorAll(".gallery-link"); const overlay = document.createElement("div"); overlay.classList.add("lightbox-overlay"); document.body.appendChild(overlay); const lightboxImg = document.createElement("img"); lightboxImg.classList.add("lightbox-img"); overlay.appendChild(lightboxImg); images.forEach((image) => { image.addEventListener("click", function (e) { e.preventDefault(); lightboxImg.src = this.href; overlay.classList.add("active"); }); }); overlay.addEventListener("click", function () { overlay.classList.remove("active"); }); });