Very Simple Image Gallery Plugin Beispiel09
Geschrieben von: Andreas Berger   
Sonntag, den 20. März 2011 um 13:37 Uhr

 

Dieses Beispiel zeigt zwei der mit Version 1.6.5 neu hinzugekommenen Konfigurationsmöglichkeiten. Erstens, die Thumbnails werden links vom Hauptbild angezeigt. Zweitens, das Hauptbild ist mit dem Originalbild verlinkt.

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: 60
  • Thumbnail height: 40
  • Crop thumbnails: keep proportions
  • Image thumbnail quality: 80
  • Space between thumbs: 2
  • Thumbnails are shown: Left of the main 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: Ja
  • 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=
  • imquality=90
  • align=1
  • twidth=60
  • theight=40
  • crop=
  • quality=80
  • space=2
  • right=3
  • cols=2
  • sort=0
  • sets=0
  • setstxt=Set
  • cfwd=
  • cbwd=
  • caps=1
  • inout=1
  • links=1
  • autolink=1
  • 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|right=3|twidth=60|theight=40|space=2|autolink=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.

 
Kommentare (2)
Ajuda
2 Samstag, den 17. Dezember 2011 um 02:29 Uhr
Vagner

Boa noite, estou usando esse plugin, mais esta perdendo muita qualidade, como faço para arrumar isso?

@Vagner
Montag, den 19. Dezember 2011 um 21:33 Uhr
A. Berger

Hi Vagner!

There is always a loss of quality when imges get scaled by the GD library. In general: The better the original, the better the scaled image. Therefore I would try to scale the images offline to a size near the size they get displayed online and improve the quality as much as possible (using e.g. GIMP) before uploading them.
In addition, I would set the quality of the main images to 95% percent (100% does not deliver much better results but much larger files) in the configuration panel of the plugin.

Best regards
Andreas

Very Simple Image Gallery question.
1 Mittwoch, den 26. Oktober 2011 um 06:46 Uhr
Edward Cox

hello and thank you most sincerely for providing Very Simple Image Gallery as a great Joomla! tool.

We have Joomla! 1.7 installed, and are using the plugin setting in an article as : {*vsig}Rendered_Facades/Single_Storey/Large_Display{/vsig*} [remove *'s]
here's a link to a working page: http://everydayhomes.iconvm.com.au/home-designs/single-story?id=41
It's working fine, however we need to be able to show 'captions' for each image (or facade) - so that when we rollover an generated thumbnail of an image on the specified directory we can show for example 'Summer Village' as the caption for the image.
Is this possible? Can you please advise on how we might achieve this?
Thank you kindly in advance for your consideration and assistance.

Kind Regards,
Ed @ Iconvisual.com.au

@Edward Cox
Mittwoch, den 26. Oktober 2011 um 12:59 Uhr
A. Berger

Hi Edward!

The plugin offers the feature "Captions" which allows to achieve this. Check the page "Howto Plugin Code" (menu at the left), it explains the feature.
If you explicitly want to show the captions as tooltips at the thumbnails only without showing them over/below the main image too: Set the captions in the article and use the title line only. Next, disable the feature in the configuration panel of the plugin (or by parameter override). The plugin will now use the title line of your captions as tooltips for the thumbnails only.

Best regards
Andreas

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

bretteleben.de

Add to circles

Wer ist online
Wir haben 135 Gäste online