Direkt zum InhaltDirekt zur SucheDirekt zur Navigation
▼ Zielgruppen ▼

Humboldt-Universität zu Berlin - Web-Support des Computer- und Medienservice

Lightbox (Bild in Lightbox öffnen)

Ziel: Mit Klick auf das Bild soll sich eine Lightbox mit einer größeren Variante des Bildes öffnen.

Dies funktioniert in den Instanzen, in den das Plone-AddOn "PloneSlimbox" installiert ist.
Beispiel-Quellcode:

<div class="photoAlbumEntry">
    <a href="https://bauten.hu-berlin.de/de/grimm/Fotogalerien/Innenansichten/Jacob-und-Wilhelm-Grimm-Zentrum_innen_04_MUELLER.jpg/image_preview"
       rel="lightbox-Innenansichten" title="Jacob-und-Wilhelm-Grimm-Zentrum innen 4 Fotograf Stefan Müller">
        <span class="photoAlbumEntryWrapper">
            <img alt="Jacob-und-Wilhelm-Grimm-Zentrum innen 4 Fotograf Stefan Müller"
                 height="100"
                 src="https://bauten.hu-berlin.de/de/grimm/Fotogalerien/Innenansichten/Jacob-und-Wilhelm-Grimm-Zentrum_innen_04_MUELLER.jpg/image_thumb"
                 title="Jacob-und-Wilhelm-Grimm-Zentrum innen 4 Fotograf Stefan Müller" width="128" />
        </span>
        <span class="photoAlbumEntryTitle"
              title="Jacob-und-Wilhelm-Grimm-Zentrum innen 4 Fotograf Stefan Müller">Jacob-und-Wilhelm-Grimm-Zentrum innen 4 Fotograf Stefan Müller
        </span>
    </a>
</div>

ohne Vollbild-Ansicht

mit Vollbild-Ansicht