Very Simple Image Gallery Plugin Beispiel03
Geschrieben von: Andreas Berger   
Montag, den 23. November 2009 um 19:12 Uhr
Titel Bild01
Titel Bild01Text Bild01
bwd  Set 1/2  fwd
Titel Bild01
Titel Bild02

 

In diesem Beispiel sind die Bilder der Galerie in Sets von jeweils 4 Bildern aufgeteilt. (Hat das letzte Set weniger Bilder ist auch das kein Problem, die Anzahl der Bilder muss nicht unbedingt ein Vielfaches der Sets sein.) Die angezeigten Buttons sind die automatisch installierten Standardbuttons. Hat man eigene Buttons hochgeladen, dann kann man im Konfigurationspanel den Ordner definieren und diese verwenden.
Zusätzlich verwendet die Galerie Links und Captions.

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:
  • 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: 4
  • 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)
{*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)
{*vsig_l}0||http://extensions.joomla.org/extensions/photos-&-images/photo-gallery/6301/details|Default Link|_blank{/vsig_l*} - (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=
  • imquality=90
  • align=1
  • twidth=90
  • theight=60
  • crop=
  • quality=80
  • space=5
  • right=2
  • cols=
  • sort=0
  • sets=4
  • 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|sets=4|setstxt=Set|caps=1|inout=1{/vsig*} - (ohne die Sterne)

Die Aufrufe für Links und Captions bleiben unverändert.


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.

Zuletzt aktualisiert am Sonntag, den 20. März 2011 um 13:34 Uhr
 
Kommentare (2)
Image 1/10
2 Montag, den 31. Oktober 2011 um 14:18 Uhr
Amorino

Hallo Michaela!

please could you tell me how to put image 1/10 (for example) instead of Set 1/4 (in the Sample 03) ?

Best regards

@Amorino
Mittwoch, den 02. November 2011 um 21:18 Uhr
A. Berger

Hi Amorino!

It's only me, but to achieve what you want, you could check Sample05.

Best regards
Andreas

Mehrere Gallerien Problem mit der Titelanzeige
1 Mittwoch, den 15. Juni 2011 um 21:11 Uhr
Michaela

Hallo,

zunächst vielen Dank für die schöne Gallery, ich nutze Joomla 1.5.
Ich habe folgendes Problem:
ich habe mehrere Gallerien in einem Beitrag, sie werden alle richtig angezeigt, nur die Bildtitel werden nur in der ersten Gallery angezeigt. Hier der Link zu der betroffenen Seite: http://birkebo-rasmus.de/index.php?option=com_content&view=article&id=56&Itemid=64

Vielen Dank im Voraus für die Unterstützung.
Gruß Michaela

@Michaela
Mittwoch, den 15. Juni 2011 um 21:25 Uhr
A. Berger

Hallo Michaela!

Der erste Parameter im Code für die Captions ist die Nummer der Galerie im jeweiligen Artikel. Das Plugin beginnt dabei mit "0" zu zählen und nummeriert die Galerien entsprechend Ihres Vorkommens im Artikel.
In Deinem Fall sind 3 Galerien im Artikel. Bitte überprüfe ob der Code im Artikel die Captions der richtigen Galerie zuordnet:

{*vsig_c}0| ... Caption in der ersten Galerie
{*vsig_c}1| ... Caption in der zweiten Galerie
{*vsig_c}2| ... Caption in der dritten Galerie

... ist das nicht die Ursache des Problems, dann poste doch bitte den kompletten Code, den Du im Artikel verwendest.

Gruß
Andreas

PS.: Da Du doch eine Menge Bilder auf der Seite hast, würde ich testhalber mal den Parameter "Preload images" aktivieren. Das verkürzt (sobald die Bilder geladen sind) für den Besucher der - anders als Du - die Bilder noch nicht im Browsercache hat die Wartezeit beim Bildwechsel.

Deutsch
Panoramic Image Viewer
Follow me on Facebook
Follow me on Google+

bretteleben.de

Add to circles

Wer ist online
Wir haben 161 Gäste online