Lightbox_XH - ein CMSimple_XH (ab Version 1.7) Plugin

Voraussetzungen

Lightbox_XH ist ein Plugin für CMSimple_XH. Es benötigt eine UTF-8 kodierte Version.

Installation

Die Installation erfolgt wie bei vielen anderen CMSimple_XH-Plugins auch. Im CMSimple_XH-Wiki finden Sie weitere Details.

1. Sichern Sie die Daten auf Ihrem Server.
2. Entpacken Sie die ZIP-Datei auf Ihrem Rechner.
3. Laden Sie das ganze Verzeichnis lightbox/ auf Ihren Server in CMSimple_XHs Plugin-Verzeichnis hoch.
4. Machen Sie die Unterverzeichnisse config/, css/, languages/ und den Datenordner des Plugins beschreibbar.
5. Gehen Sie zu Plugins → Lightbox_XH im Administrationsbereich, um zu prüfen, ob alle Voraussetzungen erfüllt sind.

Beachten Sie, dass die Datendateien von Lightbox_XH durch direkten Aufruf ihrer URL eingesehen werden können. Eine .htaccess Datei um das zu verhindern befindet sich bereits im voreingestellten Datenordner. Für andere Server oder für angepasste Datenordner müssen Sie selbst darauf achten, dass diese Daten vor nicht autorisiertem Zugriff geschützt sind.

Einstellungen

Die Plugin-Konfiguration erfolgt wie bei vielen anderen CMSimple_XH-Plugins auch im Administrationsbereich der Website. Wählen Sie Plugins → Lightbox_XH.

Sie können die Voreinstellungen von Lightbox_XH unter "Konfiguration" ändern. Hinweise zu den Optionen werden beim Überfahren der Hilfe-Icons mit der Maus angezeigt.

Die Lokalisierung wird unter "Sprache" vorgenommen. Sie können die Sprachtexte in Ihre eigene Sprache übersetzen (falls keine entsprechende Sprachdatei zur Verfügung steht), oder diese Ihren Wünschen gemäß anpassen.

Das Aussehen von Lightbox_XH kann unter "Stylesheet" angepasst werden.

Verwendung

Lightbox kann fast alle Formate abspielen!

jpg, png, real, html, wmv, mov, mp3, mp4, flv, f4v, swf

Der Code sieht ungefähr so aus:

<a class="zoombox" title="Test" href="./userfiles/images/b3.jpg">
  <img src="./userfiles/images/b3.jpg" alt="" width="440" height="320">
</a>

Gebt Ihr ein title an so wird dieser in der Lightbox angezeigt

TIPP: Damit ihr im tinymce4 auch die class auf den Link auswählen könnt, solltet Ihr, in der init Euren tinymce4, folgende Zeile unter plugins: oder external_plugins: hinzufügen:

style_formats: [{title: 'Special Classes',items: [{title: 'Lighbox', selector: 'a', 'classes': 'zoombox'}]}],

Dann könnt Ihr das ganz schnell auswählen. (s. Screenshot)