The first gallery shown corresponds exactly with the gallery in sample 01 but this time the folder contains images of different proportions. The result: the gallery "jumps" because every image uses 100% of the available width. Different the second gallery:

The different behavior of the second gallery is caused by the usage of the - available since version 1.6.0 - parameter "max Image Height". It allows to limit the height of the images. Left empty images still make use of 100% of the available width.

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