alle Bilder einer Galerie mit dialog- Methode öffnen

[Gunnar Bittersmann]

@@gewe

Hallo, es gibt ja die Möglichkeit,ein Bild per JS in einem dialog-Element vergrößert darzustellen:

document.getElementById("show-dialog").addEventListener("click", () => {
            document.getElementById("dialog").showModal();
        });

        document.getElementById("close-dialog").addEventListener("click", () => {
            document.getElementById("dialog").close();
        });

Das funktioniert bei mir auch .

Die Elemente mit den IDs „dialog“ und „close-dialog“ sind doch hoffentlich interaktive Elemente (button, a), damit das nicht nur bei dir, sondern auch bei anderen funktioniert‽

Frage geht das auch mit allen Bildern einer Galerie (in einem array)?

Ja, siehe Beispiel. Wenn es mehrere Elemente gibt, welche die Lightbox öffnen, möchtest du dich von dem Gedanken verabschieden, das über eine ID zu tun.

S.a. zugehöriges Posting und Folgepostings sowie Präse TIL about showModal (from small things big things one day come).

🖖 Живіть довго і процвітайте