site

Website Content
git clone https://git.pngu.org/site
Log | Files | Refs | README

images.js (699B)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
document.querySelectorAll("[data-images]").forEach((gallery) => {
  const images = JSON.parse(gallery.dataset.images);
  const img = gallery.querySelector("img");
  let currentIndex = 0;

  img.addEventListener("click", () => {
    currentIndex = (currentIndex + 1) % images.length;
    img.src = images[currentIndex];
  });
});

const overlay = document.getElementById("lightbox");
const overlayImg = overlay.querySelector("img");

document.querySelectorAll(".lightbox-trigger").forEach(img => {
  img.addEventListener("click", () => {
    overlayImg.src = img.src;
    overlay.classList.add("active");
  });
});

overlay.addEventListener("click", () => {
  overlay.classList.remove("active");
});