Benutzer-Werkzeuge

Webseiten-Werkzeuge


cookbook:lightbox

Bilder in einer Lightbox öffnen

BlackCat CMS liefert das JavaScript „Slimbox 2“ mit, mit dessen Hilfe Bilder in einer sogenannten Lightbox geöffnet werden können. Darunter versteht man eine Art Popup, bei dem Bild in voller Größe angezeigt wird, während dahinter die Seite sichtbar bleibt. (Normalerweise würde ein verlinktes Bild in einem neuen Browser-Tab oder -Fenster aufgehen.)

Voraussetzungen

Damit eine Lightbox Sinn macht, sollte auf der Seite das Bild in verkleinerter Form eingebunden und die große Version verlinkt sein. Hierzu erstellt man üblicherweise zwei Versionen des Bildes, nämlich die kleine, die auf der Seite angezeigt wird, und die große, auf die verlinkt wird. Natürlich kann man auch das Originalbild verkleinert auf der Seite einbinden, es sollte dann aber beachtet werden, daß die große Version dann auch dann geladen wird, wenn der Besucher sie sich gar nicht anzeigen läßt.

Zudem muß das o.g. Javascript (jQuery Plugin) im Frontend eingebunden werden. Das geht mit BlackCat CMS ab Version 1.1 ganz einfach: Entweder bindet man das Plugin global, also für alle Seiten, ein, oder nur für die Seite, wo es gebraucht wird.

Global einbinden:

Im Backend unter Einstellungen → globale Kopfdateien → [jQuery Plugin hinzufügen] → im Popup „Slimbox2“ auswählen.

Nur für die Seite einbinden:

Die Seite im Backend öffnen und über die Schaltfläche [Kopfdateien] auf die Einstellungen wechseln. Dann genauso vorgehen wie oben.

cookbook/lightbox.txt · Zuletzt geändert: 2014/11/07 00:00 (Externe Bearbeitung)