Matthias Scharwies: alle Bilder einer Galerie mit dialog- Methode öffnen

Beitrag lesen

Servus!

Ich würde gerne ohne thumbnails arbeiten

Das ist nicht so optimal - Thumbnails sollten klein, die Großansichten dagegen in möglichst hoher Aufösung vorhanden sein.

und die Größe der dialog-Box mit CSS bestimmen.

Eh klar, dafür ist CSS zuständig!

Im HTML nimmt man im Zweifelsfall immer native Elemente, die die Funktion as Standardverhalten bereits enthalten. Deshalb ist ist dialog-Element oder Popover heute einer Lösung mit div- und span-Elementen vorzuziehen.

Wie oben gesagt: für 1 Bild geht das ohne weiteres.

(Bei mehreren muss sicher eine class her anstelle id)

geht das überhaupt?

Ja, klar!

JavaScript/Tutorials/DOM/DOM-Manipulation#Bildwechsler

Dieses Tutorial arbeitet mit einem Figure - du könntest es mit dem popover-Attribut anreichern und dir so das JavaScript für den Schließen-Button sparen. (Das wird bereits vom nativen HTML automatisch erledigt!)

Das Tutorial müsste mal aktualisiert werden! 😀

Herzliche Grüße

Matthias Scharwies

--
Jemand interessiert? Ein Freund von uns will zum Forumstreffen, und hat bereits Hotelübernachtungen gebucht.
Er hat vergessen, dass er im gleichen Zeitraum auch heiratet.
Also für Interessierte: Du könntest am 25. November um 14 Uhr im Rathaus von Hannover heiraten.
Ihr Name ist Sandra.