Warning: session_start(): open(/www/htdocs/w017651d/tmp/wiki//sess_036345081eefdaa4d30b1466266fcf0a, O_RDWR) failed: No such file or directory (2) in /www/htdocs/w017651d/wiki.blackcat-cms.org/inc/init.php on line 247

Warning: session_start(): Cannot send session cache limiter - headers already sent (output started at /www/htdocs/w017651d/wiki.blackcat-cms.org/inc/init.php:247) in /www/htdocs/w017651d/wiki.blackcat-cms.org/inc/init.php on line 247

Warning: Cannot modify header information - headers already sent by (output started at /www/htdocs/w017651d/wiki.blackcat-cms.org/inc/init.php:247) in /www/htdocs/w017651d/wiki.blackcat-cms.org/inc/auth.php on line 424

Warning: session_write_close(): open(/www/htdocs/w017651d/tmp/wiki//sess_036345081eefdaa4d30b1466266fcf0a, O_RDWR) failed: No such file or directory (2) in /www/htdocs/w017651d/wiki.blackcat-cms.org/doku.php on line 121

Warning: session_write_close(): Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/www/htdocs/w017651d/tmp/wiki/) in /www/htdocs/w017651d/wiki.blackcat-cms.org/doku.php on line 121

Warning: Cannot modify header information - headers already sent by (output started at /www/htdocs/w017651d/wiki.blackcat-cms.org/inc/init.php:247) in /www/htdocs/w017651d/wiki.blackcat-cms.org/inc/actions.php on line 210

Warning: Cannot modify header information - headers already sent by (output started at /www/htdocs/w017651d/wiki.blackcat-cms.org/inc/init.php:247) in /www/htdocs/w017651d/wiki.blackcat-cms.org/lib/tpl/dokuwiki/main.php on line 12
Bilder in einer Lightbox öffnen [BlackCat CMS Dokumentation, Tutorials, Tipps und Tricks]

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)