Very Simple Image Gallery Plugin Sample07
Written by Andreas Berger   
Sunday, 14 March 2010 14:51

 

The first gallery shown corresponds exactly with the second gallery in sample 06. The height of the images is limited, which creates a very even overall impression only disturbed by one point: The different proportions of the thumbnails. The second gallery shows an alternative:

The different behavior of the second gallery is caused by the usage of the - available since version 1.6.0 - parameter "Crop thumbnails". It allows to switch from thumbnails scaled proportionally to thumbnails cropped to meet the set maximum values.

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: crop
  • 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=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:34
 
Comments (1)
Don't want to show the big picture, only the small one's
1 Monday, 09 April 2012 09:02
Josefin

Hi, I'm a real beginner with Joomla. I just wanted to know if it's possible not to show the big picture, just show the small one's?

Thanx for any advise of how to do this!

@Josefin
Monday, 09 April 2012 14:37
A. Berger

Hi Josefin!

Not with this plugin, but maybe you will find an alternative at extensions.joomla.org.

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 109 guests online