Very Simple Image Gallery Plugin Beispiel01
Geschrieben von: Andreas Berger   
Montag, den 23. November 2009 um 19:10 Uhr

 

Die angezeigte Galerie entspricht im wesentlichen den Default-Einstellungen nach Installation des Plugins. Angepasst sind lediglich die Breite der Galerie, die Abmessungen der Thumbnails und der Platz zwischen den Thumbnails.

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:
  • 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=
  • 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.

Zuletzt aktualisiert am Sonntag, den 20. März 2011 um 13:31 Uhr
 
Kommentare (4)
Watermark
4 Samstag, den 07. Januar 2012 um 12:02 Uhr
Jana

Just installed your gallery on my site and it's just awesome. Very easy to use and customise. I was also wondering, is there any way to add a simple watermark to protect my pictures?

Thanks a bunch

@Jana
Mittwoch, den 11. Januar 2012 um 16:00 Uhr
A. Berger

Hi Jana!

No, this feature is not part of the plugin and the fact, that the option "Link original image?" allows to link the original, would render it pretty useless. Of course it is possible to add the watermark before uploading the images.

Best regards
Andreas

Slider
3 Dienstag, den 06. Dezember 2011 um 11:28 Uhr
Johan

Dear,

This is a great plugin, i have one question. On active thumbs i want to punt a red border.
With a:active is won't work. Can you help me?

Thanks!

@Johan
Dienstag, den 06. Dezember 2011 um 22:20 Uhr
A. Berger

Hi Johan!

You find the stylesheet of the plugin at /plugins/content/plugin_vsig/vsig.css (Joomla!1.5). The selectors that set the characteristics of the thumbnails are .vsig_thumb {} and .vsig_thumb img {}.

Best regards
Andreas

Sets
2 Samstag, den 19. November 2011 um 09:42 Uhr
Jeanette

Hallöchen,

gibt es eine Möglichkeit die Sets unterhalb der Thumbnails anzuordnen und diese als Aufzählung darzustellen? Anbei ein Link, wie ich es gerne hätte www.axelheimken.de/index.php?id=24. Dabei habe ich die Thumbs auf der rechten Seite angeordnet. Leider habe ich keine Ahnung von css oder Ähnlichem. Ich hoffe, mir kann man helfen. Vielen Dank und Grüße

Danke
Dienstag, den 29. November 2011 um 07:48 Uhr
Jeanette

Danke für die Antwort. Grüße

@Jeanette
Sonntag, den 20. November 2011 um 21:39 Uhr
A. Berger

Hallo Jeanette!

Nein, das ist mit diesem Plugin nicht möglich.

Gruß
Andreas

Border colour/background colour
1 Montag, den 31. Oktober 2011 um 14:58 Uhr
Rob

I see some references to being able to change the background color so that the border does not show up, but I am stuck as to how to do that. Please could you advise how I make the border disappear by changing the background color. Many thanks!

@Rob
Mittwoch, den 02. November 2011 um 21:23 Uhr
A. Berger

Hi Rob!

Open the stylesheet of the plugin (/plugins/content/plugin_vsig/vsig.css - Joomla!1.5) with a text editor. The selector .vsig_top img {} sets the color of the border (border:1px solid #ccc !important;) and the background (background:#fff !important;) of the main image. Change the colors to the value of your page-background and they will "disappear". The selector .vsig_thumb img {} contains the same settings for the thumbnails.

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 76 Gäste online