Eine Schritt für Schritt Anleitung für Installation und Verwendung des VSIG for Hot Property Plugins.

Das VSIG for Hot Property Plugin für Joomla! 1.5 ist eine modifizierte Version der bretteleben.de "Very Simple Image Gallery" und stellt eine Alternative zur Standardgalerie von Mosets Hot Property dar. Sie kann mit Mosets Hot Property ab Version 1.0.0 RC1 eingesetzt werden.

Features:

- unterstützte Bildformate .jpg, .png und .gif
- im Beitrag positionierbar (links, rechts, zentriert, float links, float rechts)
- Thumbnails wahlweise unter oder rechts vom Hauptbild
- jede Galerie kann in mehrere Sets unterteilt werden (inkl. Navigation und Counter)
- zu jedem Bild kann Titel und Beschreibung angezeigt werden
- Titel und Beschreibung wahlweise über das Hauptbild eingeblendet oder darunter
- die Bilder können wahlweise mit dem Originalbild verlinkt werden
- voll funktionsfähig mit und ohne JavaScript
- Möglichkeit eigene Buttons (bei Darstellung von Sets) zu verwenden
- einfacher Wechsel des Stylesheets

Downloads:

Datei	Zuletzt bearbeitet
plugin_vsig_hotproperty_1.0.0.zip	2010-01-17

ERROR: Fatal error: Call to undefined function imagecreatefromjpeg() oder imagecreatefromgif() oder imagecreatefrompng()

ERROR: Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 3264 bytes)

PROBLEM: Nur der Code {becssg}ordner{/becssg*} wird angezeigt - Darstellung in Modul

  Image 1/8  

Das letzte Beispiel ist ein kleines Dankeschön an alle, die sich bis hierher durchgequält haben. Die angezeigte Galerie nutzt eine ansonsten nicht dokumentierte Funktion. Gibt man beim Parameter "Sets" als Länge des Sets 1 an, dann wird kein Thumbnail angezeigt und man erhält eine nette kleine Galerie zum Durchklicken. Vielleicht kann das ja der Eine oder Andere brauchen.

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
• Gallery width is set in: Pixel
• Align the gallery: Mitte
• Thumbnail width: 90
• Thumbnail height: 60
• Image thumbnail quality: 80
• Space between thumbs: 7
• Thumbnails are shown: Justified - below the image
• Place for thumbnails in percent of gallery width: 30
• Sort order: A-Z
• Use sets of size: 1
• Label sets: Image
• Link/button forward:
• Link/button backward:
• Show captions? Ja
• Position of captions? Inside
• Use links? Ja
• Image root: /images/stories/
• Buttonfolder: /images/stories/vsig_buttons/
• Use JavaScript? Ja
• 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
• percent=0
• align=1
• twidth=90
• theight=60
• quality=80
• space=7
• right=2
• area=30
• sort=0
• sets=1
• setstxt=Image
• cfwd=
• cbwd=
• caps=1
• inout=1
• links=1
• script=1
• 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.

Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten. Darüber hinaus freue ich mich über jeden, der die Möglichkeit findet, mich durch einen Link zu www.bretteleben.de auf seiner Webseite zu unterstützen. Das Plugin selbst produziert keine versteckten Links oder sonstige Nettigkeiten welcher Art auch immer.

Titel Bild01Text Bild01

  Set 1/2  

Dieses Beispiel zeigt die Verwendung mehrerer Galerien in einem Beitrag. Die Annahme ist, dass die Einstellung für die erste Galerie im Backend getroffen und die zweite Galerie mittels Parameter Overrides konfiguriert wird. Die erste Galerie verwendet zudem Captions, der zweiten Galerie ist ein Default-Link zugewiesen. Natürlich könnten auch beide Galerien mittels Parameter Overrides konfiguriert werden.

Einstellungen im Konfigurationspanel des Plugins

Die Einstellung für die erste Galerie im Backend:

• Gallery width: 430
• Gallery width is set in: Pixel
• Align the gallery: Mitte
• Thumbnail width: 90
• Thumbnail height: 60
• Image thumbnail quality: 80
• Space between thumbs: 7
• Thumbnails are shown: Justified - below the image
• Place for thumbnails in percent of gallery width: 30
• 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
• Image root: /images/stories/
• Buttonfolder: /images/stories/vsig_buttons/
• Use JavaScript? Ja
• 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)
{*vsig_c}0||Default-Titel|Default-Text{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild01.jpg|Titel Bild01|Text Bild01{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild02.jpg|Titel Bild02|{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild03.jpg||Text Bild03{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild04.jpg||{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild08.jpg|Titel Bild08|Text Bild08{/vsig_c*} - (ohne die Sterne)

Overrides

Mittels Parameter Overrides konfigurieren wir nun die zweite Galerie. Die erforderlichen Parameter (eine komplette Liste siehe Beispiele 1-3 und "Anleitung Plugin Code") sind:

• twidth=60
• theight=40
• space=1
• right=1
• area=33
• sets=4
• setstxt=Set

Hinweis: Die Anzeige der Thumbnails rechts vom Hauptbild in Kombination mit der Verwendung von Sets ist ein wenig tricky und erlaubt im Firefox bislang nicht, den verfügbaren Platz ganz auszunutzen (Deshalb ist die zweite Galerie gegenüber der ersten rechts eingerückt). Ich arbeite am CSS und werde versuchen, das in Folgeversionen zu beheben.

Und so sieht der Code aus. Die erste Zeile ruft die Galerie auf. Natürlich muss es nicht zweimal der selbe Ordner sein - das ist hier nur meiner Bequemlichkeit geschuldet. Die zweite Zeile definiert den Default-Link. Wichtig dabei der erste Parameter "1" für die zweite (0,1,2,3,...) Galerie im Artikel:

{*vsig}verysimple|twidth=60|theight=40|space=1|right=1|area=33|sets=4|setstxt=Set{/vsig*} - (ohne die Sterne)
{*vsig_l}1||http://extensions.joomla.org/extensions/photos-&-images/photo-gallery/6301/details|Default Link|_blank{/vsig_l*} - (ohne die Sterne)

Für Fragen und Anregungen steht die Kommentarfunktion zur Verfügung.

Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten. Darüber hinaus freue ich mich über jeden, der die Möglichkeit findet, mich durch einen Link zu www.bretteleben.de auf seiner Webseite zu unterstützen. Das Plugin selbst produziert keine versteckten Links oder sonstige Nettigkeiten welcher Art auch immer.