Main Menu
Most Read
Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79
Support

If you like the products on these pages, your support is highly appreciated. Thank you very much!

Amount: 

Latest Items
Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109
Very Simple Image Gallery Plugin Sample01
Written by Andreas Berger   
Monday, 23 November 2009 19:10

The shown gallery corresponds mainly with the plugins default settings. Just the width of the gallery and the dimensions of the thumbnails plus the space between them are adjusted.

Settings in the plugin configuration panel

To configure the galleries on your site as shown above, the settings in the plugins configuration panel are:

  • Gallery width: 430
  • max. Image height:
  • Image quality: 90
  • Align the gallery: Center
  • 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? Yes
  • Position of captions? Inside
  • Use links? Yes
  • Link original image: No
  • Image root: /images/stories/
  • Buttonfolder: /images/stories/vsig_buttons/
  • Use JavaScript? Yes
  • Switch on hover thumb? No
  • Preload images? No
  • File names as tooltips? No
  • Foldername as ID? No

Code in article

To show the images in the folder /images/stories/verysimple, type the following code in your article at the place you want the gallery to be shown:

{*vsig}verysimple{/vsig*} - (without the asterisks)

Overrides

If you are using other settings than the shown above in the plugins configuration panel and want to configure just the current gallery, it is possible to extend the code in your article with Parameter Overrides (refer Plugin Howto Code). The settings for the gallery shown above are:

  • 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


You don't have to use all parameters in your code but only the ones that differ from the settings in the plugins configuration panel. For example:

{*vsig}verysimple|width=430|align=1{/vsig*} - (without the asterisks)


If you have questions or suggestions, please use the comment-function. Please include the installed Joomla! version and if you have problems - if any possible - the affected page in your comment.

If you need additional features or customizations for your project that exceed the scope of support offered through the comments, you are invited to submit your requirements specification and the planned budget by email (menu item "Contact" in the menu at the top).

If you use this extensions, please post a rating and a review at extensions.joomla.org.

Last Updated on Sunday, 20 March 2011 13:31
 
Comments (4)
Watermark
4 Saturday, 07 January 2012 12:02
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
Wednesday, 11 January 2012 16:00
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 Tuesday, 06 December 2011 11:28
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
Tuesday, 06 December 2011 22:20
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 Saturday, 19 November 2011 09:42
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
Tuesday, 29 November 2011 07:48
Jeanette

Danke für die Antwort. Grüße

@Jeanette
Sunday, 20 November 2011 21:39
A. Berger

Hallo Jeanette!

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

Gruß
Andreas

Border colour/background colour
1 Monday, 31 October 2011 14:58
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
Wednesday, 02 November 2011 21:23
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

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

bretteleben.de

Add to circles

Who's Online
We have 57 guests online