Joomla! erweitern/Plugins/3rd Party/sigplus Image Gallery Plus

Beschreibung und Download

Eine einfache Bildergalerie mit vielen überraschenden Effekten, Beispiele: http://hunyadi.info.hu/en/projects/sigplus-demo

Download bei http://joomlacode.org/gf/project/sigplus/frs/. Auf dieser Seite gibt es:

• EndUser_PlugIn: Ist das Plugin installiert und frei gegeben, steht die Galerie mit dem Aktivierungsbefehl {gallery}Verzeichnis{/gallery} in einem Beitrag zur Verfügung.
• EndUser_Module: Das Modul ergänzt das Plugin (Das Plugin muss also installiert und freigegeben sein.), indem mit ihm eine Galerie auf eine Modulposition dar zustellen.

Plugin-Parameter

Die Parameter sind in deutscher Sprache beschrieben. Das macht die Standard-Konfiguration hier einfach. Es muss dadurch auch nicht jeder Parameter hier beschrieben werden.

Die Standard-Konfiguration kann mit Erweiterungen des Aktivierungsbefehls im Beitrag überschrieben werden.

• Voraussetzung: Die Bilder sollten in einem Verzeichnis, z.B. /images/galerie/bilder zur Verfügung stehen.

• Stammordner für Bilder: images Mit {gallery}galerie/bilder{/gallery} werden dann die Bilder aus dem  Bilder angezeigt.
• Anzahl Vorschaubilder:
  • 0: Alle Bilder werden angezeigt, dem entsprechend werden die Laufleisten weg gelassen.
  • 3: Mit diesem Beispiel werden drei Bilder dargestellt.
  • -1: Es wird nur die angegeben Anzahl von Vorschaubildern gezeigt, keine Navigation und auch mit den Bildern in Originalgröße kommt man nur auf die angegebene Anzahl der Bilder.

Mit {gallery count=x}galerie/bilder{/gallery} kann im Beitrag vom Standard abgewichen werden. x steht für eine Zahl.

• Breite/Höhe der Vorschaubilder: Die Angabe der Pixelzahl gibt die Größe der zu erstellenden Vorschaubilder vor.
• Ordner für Vorschaubilder: Durch die Angabe von thumbs werden die Vorschaubilder in unserem obigen Beispiel in dem /images/galerie/bilder erzeugt.
• Image slider Platzierung: Kann z.B. mit {gallery alignment=center}galerie/bilder{/gallery} überschrieben werden.
• Ausrichtung des slider: Die Bilder können von waagerecht oder horizontal geblättert werden. {gallery orientation=horizontal}galerie/bilder{/gallery}
• Position der Navigation: {gallery navigation=top}galerie/bilder{/gallery}
• Navigationspfeile: {gallery buttons=0}galerie/bilder{/gallery}
• Textnavigation: {gallery links=0}galerie/bilder{/gallery}
• Bildanzahl: {gallery counter=0}galerie/bilder{/gallery}
• Navigation überlagern: Die Navigation kann unter oder in den Bildern sein. {gallery overlay=1}galerie/bilder{/gallery}
• Bildbeschriftung: {gallery labels=captions}galerie/bilder{/gallery}
• Bild download ermöglichen: {gallery download=0}galerie/bilder{/gallery}
• Anzeigen der Metadaten: {gallery metadata=0}galerie/bilder{/gallery}

Erweiterte Parameter

• Abstand Vorschaubild: ... margin=10 ...
• Rahmenstil: ... borderstyle=default ... Näheres siehe: sigplus.css
• Rahmenfarbe: ... bordercolor=FFFFFF ...
• Abstand Rahmen: ... padding=10 ...
• Qualität Vorschaubild: ... quality=70 ... Das sind 70%, das beste sind 100
• Datei für Beschriftung: ... labels=captions ...
• Sortierungsart: ... sortorder=asc ...

Datei für Beschriftung

• Die  labels[ ist in UTF-8 Code in dem Verzeichnis zu erstellen, in dem sich die darzustellenden Bilder befinden. Sie kann in den Erweiterten Parametern und im Aktivierungscode anders genannt werden.
• sigplus Image Gallery Plus unterstützt auch mehrere Sprachen. Der Dateiname wird dann auf labels.xx-XX.txt ergänzt. xx-XX steht dabei z. B. für de-DE
• Für jedes Bild ist eine Zeile zu erstellen. Auf die Reihenfolge der Bilder ist zu achten.

beispiel1.jpg|Eine Kurzbeschreibung|Eine längere, ausführliche Beschreibung, auch über mehrere Zeilen.
beispiel2.jpg|Kurzbeschreibung|Eine Beschreibung, die auch html enthalten kann.
beispiel3.jpg|Kurzbeschreibung|Eine Beschreibung, die auch einen Link <a href="http://www.werauchimmer.de" target="_blank">Wer auch immer</a> enthalten kann.

Bei Beispiel 3 im Beitrag eingeben {gallery lightbox=none}Dein Verzeichnis{/gallery}. In dem Fall wird dem Hyperlink gefolgt.

Weitere Befehle im Beitrag

Mit ... rows=2 ... und ... cols=3 kann die normale Darstellung in einer horizontalen, bzw. vertikalen Reihe auf mehrere erhöht werden.

Individuelles Layout der Vorschaubilder

Das kann in der DeinJoomla/plugins/content/sigplus/css/sigplus.css gestaltet werden.

Weitere Informationen

Wer noch mehr wissen will, darf das gerne in englischer Sprache nachlesen bei http://hunyadi.info.hu/index.php?option=com_content&view=article&id=18&Itemid=12&lang=en.

Nachdem dieser Beitrag fertig war, fand ich auch in deutscher Sprache http://www.gecko-it.at/image-gallery-plus.