Die angezeigte Galerie entspricht exakt den Beispiel 01, nur enthält der angezeigte Ordner Bilder verschiedenen Formats. Das Resultat: Die Galerie "springt" weil jedes der Bilder die volle zur Verfügung stehende Breite ausnutzt. Ganz anders die nächste Galerie:

Den Unterschied macht der - ab Version 1.6.0 zur Verfügung stehende Parameter "max Image Height". Damit wird die maximale Höhe eines Bildes limitiert - und das Problem behoben. Bleibt der Parameter leer, dann wird weiterhin die Breite ganz ausgenützt.

Einstellungen im Konfigurationspanel des Plugins

Um die Galerien auf der Webseite so zu konfigurieren, werden im Konfigurationspanel des Plugins die folgenden Werte gesetzt:

• Gallery width: 430
• max. Image height:287
• Image quality: 90
• Align the gallery: Mitte
• Thumbnail width: 90
• Thumbnail height: 60
• Crop thumbnails: keep proportions
• Image thumbnail quality: 80
• Space between thumbs: 5
• Thumbnails are shown: Justified - below the image
• Thumbnail Columns: 2
• Sort order: A-Z
• Use sets of size:
• Label sets: Set
• Link/button forward:
• Link/button backward:
• Show captions? Ja
• Position of captions? Inside
• Use links? Ja
• Link original image: Nein
• Image root: /images/stories/
• Buttonfolder: /images/stories/vsig_buttons/
  
• Use JavaScript? Ja
• Switch on hover thumb? Nein
• Preload images? Nein
• File names as tooltips? Nein
• Foldername as ID? Nein

Code im Artikel

Um die Bilder im Ordner /images/stories/verysimple anzuzeigen, wird im Artikel an der gewünschten Stelle der folgende Code eingegeben:

{*vsig}verysimple{/vsig*} - (ohne die Sterne)

Overrides

Hat man im Konfigurationspanel andere Einstellungen als die oben angezeigten getroffen und möchte nur diese eine Galerie wie gezeigt konfigurieren, dann kann man den Code um Parameter Overrides (siehe Plugin Howto Code) erweitern. Die Einstellungen für die oben angezeigte Galerie sind:

• width=430
• height=287
• imquality=90
• align=1
• twidth=90
• theight=60
• crop=
• quality=80
• space=5
• right=2
• cols=
• sort=0
• sets=0
• setstxt=Set
• cfwd=
• cbwd=
• caps=1
• inout=1
• links=1
• autolink=0
• script=1
• hover=0
• preload=0
• tooltip=0
• folderid=0

Im Code auf der Seite werden nur die Parameter überschrieben, bei denen die gewünschte Einstellung von der im Konfigurationspanel abweicht. Zum Beispiel:

{*vsig}verysimple|width=430|align=1{/vsig*} - (ohne die Sterne)

Für Fragen und Anregungen steht die Kommentarfunktion zur Verfügung. Bitte geben Sie bei Ihrer Frage die verwendete Joomla! Version an und posten Sie bei Problemen - soweit möglich - einen Link zur betroffenen Seite.

Wer für sein Projekt zusätzliche Funktionen oder Adaptierungen über die Möglichkeiten des hier gebotenen Supports benötigt, der ist eingeladen, mich mit einer Beschreibung der gewünschten Leistungen und dem angedachten Budget per Email zu kontaktieren (Menüpunkt "Kontakt" im Topmenü).

Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten.