Doku › Bearbeiten

Bilder per Klick vergrößern

Bilder lassen sich auf Wunsch per Klick groß anzeigen. ProntoSite bringt dafür eine eigene, kleine Lightbox mit – ohne Fremddienst, ohne Cookie, ohne zusätzliche Bibliothek.

Einschalten #

  • Mit der KI-Verbindung: „Mach das Bild im Abschnitt Galerie per Klick vergrößerbar." Die KI nutzt dafür site_image_set mit zoom: true (abschalten mit zoom: false).
  • Galerie: Liegen mehrere Bilder in einem Bereich mit der Klasse ps-gallery, lassen sie sich in der großen Ansicht durchblättern. Benachbarte vergrößerbare Bilder (z. B. in einem Raster) werden ebenfalls als Galerie zusammengefasst.

So verhält sich die große Ansicht #

  • Dunkler Hintergrund, das Bild höchstens 92 % von Breite und Höhe des Bildschirms; ProntoSite lädt dafür die größte vorhandene Bildvariante.
  • Bildunterschrift aus der Bildbeschreibung (<figcaption>, sonst der Alternativtext).
  • Schließen per ✕, mit der Esc-Taste oder per Klick neben das Bild.
  • In Galerien: Pfeile links/rechts, Pfeiltasten oder Wischen auf dem Handy.
  • Barrierefrei: als Dialog ausgezeichnet, Tastaturfokus bleibt in der Ansicht und springt danach zum Bild zurück; die Seite dahinter scrollt nicht mit. Wer im Betriebssystem „Bewegung reduzieren" eingestellt hat, bekommt keine Einblend-Animation.

Bilder, die bereits auf eine andere Seite verlinken, bleiben Links und öffnen keine große Ansicht.

Zuletzt aktualisiert: