-. Lightbox .-
Wie einige User sicherlich bemerkt haben sollten, besitzt unser Board ein Lightbox-Plugin, welches den Benutzern ermöglicht, eigene Bilder mit dem allbekannten Lightbox-Script zu verknüpfen.
Was bringt das Plugin?
In erster Linie spart es Platz! Anstatt große und klobige Bilder in die Beiträge einzufügen, ist es nun möglich, ein kleines Thumbnail mit dem Lightbox-Script zu verknüpfen, worauf sich nach dem Klicken dieses Thumbnails das Bild in originaler Größe im gleichen Dokument öffnet.
Zudem kann man mehrere Bilder gruppieren und so eine Bildergalerie erstellen. Es ist auch möglich, mehrere Bilder in einer solchen Gruppe auszublenden, womit man sich variabel die eigene Bildergalerie einstellen kann.
Wo kann ich das Plugin überall benutzen?
Im Grunde sollten die MyCodes des Plugins global geparst werden, d.h. überall, wo man eine Nachricht eingeben kann, sei es nun in Beiträgen, in privaten Nachrichten oder anderen Text-Eingabefeldern, welche durch den MyBB Message-Parser gezogen werden.
Wie kann ich das Plugin denn nun benutzen?
In der früheren Version dieses Plugins war es zunehmend schwieriger, die richtigen MyCodes für das gewünschte Ergebnis zu notieren, da die Komplexität der MyCodes mit der Anzahl der gewünschten Bilder steigt. Somit war es meist eine Zumutung, eine Bildergalerie mit mehr als 5 Bildern zu erstellen.
In der neuen Version kommt das Plugin mit dem sog. "Lightbox-Helper" daher, welcher das Einfügen des gewünschten Codes erleichtert und die Hauptarbeit beim Zusammensetzen der MyCodes übernimmt.
Da die MyCodes an sich selbsterklärend sind und dem einen oder anderen aus den früheren Versionen bekannt sein sollten, werden folgende Informationen nur auf den Lightbox-Helper (kurz LH) bezogen sein.
Nun zeig mir endlich die neuen Funktionen!
Gemach, gemach! Um die Funktionen zu verstehen, müssen wir uns zuerst die verschiedenen Kategorien und ihre Einsatzgebiete näher betrachten.
Das Plugin bietet 3 verschiedene Möglichkeiten, die eigenen Bilder mit dem Script zu verknüpfen. Diese sind: "Standard (
default), Komplex (
complex) und Map (
map)"
Standard wird benutzt, um einfache Lightbox-Bilder einzufügen. Diese besitzen entweder ein Thumbnail oder werden durch das originale Bild dargestellt.
Komplex erlaubt den Benutzern, den eigenen Bildern einen Titel zu vergeben, Bildergruppen zu erstellen und sämtliche Bilder in einer Tabelle anzeigen zu lassen. Zudem können einzelne Bilder von der Darstellung entfernt werden, obwohl sie in der Lightbox selbst noch präsent sind.
Map zu allerletzt erlaubt das Vernetzen von exbeliebigem Text und Code mit Lightbox-Bildern. Somit kann man auch durch das Klicken von einem Text ein Bild aufrufen.
Den LH benutzen: Standard
Ein Klick auf Standard (default) öffnet das gewünschte Fenster.
Hier können wir nun unter "Image-URL" die URL des Bilds einfügen, welches nach dem Klicken erscheinen soll. Ist zur Anzeige im Dokument ein Thumbnail-Bild (eine verkleinerte Darstellung des originalen Bilds) vorgesehen, so kann man unter "Thumbnail-URL" die gewünschte URL notieren. Lässt man dieses Feld frei, wird das Bild, welches unter "Image-URL" angegeben wurde, im Dokument angezeigt.
Sind alle Einstellungen getroffen, löst ein beherzter Klick auf "insert" das Einfügen des MyCodes aus.
Beispiel:
[img=http://img511.imageshack.us/img511/1639/questionmark2187843kl4.jpg]http://k-under.de/images/aniblue/banner.png[/img]
Den LH benutzen: Komplex
Ein Klick auf Komplex (complex) öffnet das gewünschte Fenster.
Was uns erst einmal ins Auge fällt, ist die Zeile "Settings". Hier können wir, wenn "add tableset" aktiviert ist, daneben im Eingabefeld den Titel für jene Tabelle eingeben, welche unsere Bilder beinhalten wird.
In der Zeile darunter ist das Herzstück dieser Kategorie, wo wir nun unsere Bilder einfügen können.
Pro "Imageset" (ein sog. "Imageset" repräsentiert jeweils ein Block an MyCodes, welche die Daten für unser Bild beinhalten) haben wir 4 verschiedene Eingabemöglichkeiten.
In das erste Eingabefeld geben wir den Titel des Bilds an (
optional)
In das zweite Eingabefeld folgt die URL der gewünschten Bilddatei.
Wünschen wir noch ein Thumbnail für dieses Bild, so können wir die URL von selbigem in das dritte Eingabefeld eintragen (
optional)
Sollten wir nun den zusätzlichen Wunsch haben, dieses Imageset - sprich dieses Bild bzw. das Thumbnail von diesem Bild - nicht im Beitrag/Dokument anzeigen zu lassen, so reicht ein Häkchen bei "hide", um diesem Wunsch nachzukommen. Dieses Imageset wird also nicht im Dokument angezeigt, jedoch nach öffnen der Lightbox trotzdem präsent bleiben.
Um ein neues Imageset einzufügen, genügt ein Klick auf "[add imageset]". Sollte man ein beliebiges Imageset entfernen wollen, so kann man neben den Eingabefeldern auf "[delete]" klicken.
Möchte man sämtliche Eingabefelder und Imagesets zurückstellen, so klickt man auf "[reset imagesets]".
Wenn alle Einstellungen getroffen sind, genügt ein Klick auf "[insert imagesets]" um den MyCode einzufügen. Nach dem betätigen dieser Funktion erscheint ein Bestätigungsfenster, in dem man nun auswählen kann, ob man nach dem Einfügen des MyCodes die Imagesets zurücksetzen möchte (OK) oder lieber weiter mit den vorhandenen Imagesets arbeitet (Abbrechen).
Beispiel:
[lightbox]
[settings]
[background]on[/background]
[title]Beispielsgalerie[/title]
[/settings]
[image]
[title]KU-Logo[/title]
[src]http://k-under.de/images/aniblue/banner.png[/src]
[thumbnail]http://img511.imageshack.us/img511/1639/questionmark2187843kl4.jpg[/thumbnail]
[/image]
[image]
[title]Google-Logo[/title]
[src]http://www.google.de/intl/de_de/images/logo.gif[/src]
[thumbnail]http://img511.imageshack.us/img511/1639/questionmark2187843kl4.jpg[/thumbnail]
[/image]
[image]
[title]Im Dokument unsichtbar - hier sichtbar[/title]
[src]http://mybboard.net/assets/images/logo_balloons.jpg[/src]
[hide]
[/image]
[/lightbox]
Den LH benutzen: Map
Ein Klick auf Map (map) öffnet das gewünschte Fenster.
Die Einstellungen, die man nun hier tätigen kann, unterscheidet sich im wesentlichen von den zuvorigen, da man hier nun 3 neue Eingabemöglichkeiten vorfindet.
Das Eingabefeld "Identifier" gibt die eindeutige und einmalige ID-Nummer eines Imagesets an. Sämtliche Daten, die in ein beliebiges Set eingebeben werden, sind mit dieser ID-Nummer verknüpft (die ID
muss eine Zahl sein).
Das Eingabegeld "Group-ID" bestimmt die Gruppe, in der das Imageset ist.
Somit ist es möglich mehrere Imagesets zu gruppieren, indem man in das Eingabefeld die gleiche Eingabe tätigt (die ID kann aus beliebigen, alphanumerischen Zeichen bestehen)
Die beiden anderen Eingabefelder erklären sich von selbst, da in der vorigen Kategorie erklärt. Hier fehlt lediglich die Eingabemöglichkeit der Thumbnail-URL, da dies entfällt, weil wir ja einen gewünschten Text als "Thumbnailersatz" definieren möchten.
Ein Klick auf "[reset imagesets]", "[add imageset]" sowie "[delete]" löst die gleichen Funktionen aus, wie in der vorigen Kategorie schon erklärt.
Hat man nun sämtliche Einstellungen getätigt, genügt ein Klick auf "[insert map]" und das MyCode wird in das Nachrichtenfenster eingefügt.
Doch das reicht noch nicht!
Der Code den wir nun eingefügt haben, sind lediglich die "Header-Daten" für jene MyCodes, die wir nun zusätzlich notieren müssen.
Hierzu reicht es aus, indem wir einen exbeliebigen Text im Nachrichtenfenster markieren und dann auf "[link set]" im gewünschten Imageset klicken, um den markierten Text mit dem Bild zu verlinken, welches im jeweiligen Imageset unter "Image-URL" eingetrage wurde.
Auf diese Weise ist es möglich, Texte, Bilder oder andere Elemente in dem Nachrichtenfenster mit einem Lightbox-Bild zu verknüpfen.
Beispiel:
[lb=1]K-Under.de[/lb] kann über [lb=2]Google[/lb] oder [lb=3]andere Suchmaschinen[/lb] erreicht werden.
[lightbox=map]
[image=1]
[title]KU-Logo[/title]
[src]http://k-under.de/images/aniblue/banner.png[/src]
[/image]
[image=2]
[group]suchmaschine[/group]
[title]Google.de[/title]
[src]http://www.google.de/intl/de_de/images/logo.gif[/src]
[/image]
[image=3]
[group]suchmaschine[/group]
[title]Yahoo[/title]
[src]http://l.yimg.com/eur.yimg.com/i/de/hp/yahoo1.png[/src]
[/image]
[/lightbox]