2010-03-12
Very Simple Image Gallery Plugin Sample02
Written by Andreas Berger   
Monday, 23 November 2009 19:11
.

 

bild01
bild01
bild02
bild03
bild04
bild05
bild06
bild07
bild08

This sample uses the possibility to show the thumbnails right of the main image. The essential parameters are "Thumbnail width", "Space between Thumbs" and "Place for the thumbnails in Percent of gallery width". With these three parameters you tune the proportion main image to thumbnails.

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
  • Gallery width is set in: Pixel
  • Align the gallery: Center
  • Thumbnail width: 54
  • Thumbnail height: 38
  • Image thumbnail quality: 80
  • Space between thumbs: 1
  • Thumbnails are shown: Right of the main image
  • Place for thumbnails in percent of gallery width: 36
  • 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
  • Image root: /images/stories/
  • Buttonfolder: /images/stories/vsig_buttons/
  • Use JavaScript? Yes
  • 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
  • percent=0
  • align=1
  • twidth=54
  • theight=38
  • quality=80
  • space=1
  • right=1
  • area=36
  • sort=0
  • sets=0
  • setstxt=Set
  • cfwd=
  • cbwd=
  • caps=1
  • inout=1
  • links=1
  • script=1
  • folderid=0


In your article you overwrite only the parameters that differ from the settings in your backend. For example:

{*vsig}verysimple|right=1|area=36|twidth=54|theight=38|space=1{/vsig*} - (without the asterisks)


If you have questions or suggestions, please use the comment-function.

If you use this extensions, please post a rating and a review at extensions.joomla.org. Furthermore I appreciate everyone, supporting me with a link back to www.bretteleben.de on his/her website. The extension itself does not produce any hidden links, eastereggs or whatever.

Last Updated on Saturday, 16 January 2010 19:33
 
Comments (21)
thumbnails left
21 Wednesday, 10 March 2010 19:35
Beni
Hi,
does somebody know, how to set the thumbnails to the left side of the big Pic?! How can I realize this? Is it possible to edit the vsig.php, in order to set the thumbnails to the left?!

Would be sooo nice if anyone knew!!!
@Merdjan
20 Wednesday, 03 March 2010 20:08
A. Berger
Hi Merdjan!

Yes I have. You bought the extension "Simple Image Gallery Pro" from joomlaworks.gr (I guess). This extension, the "Very Simple Image Gallery" has been forked from the - still available - free version of your plugin, the "Simple Image Gallery" with the intention to remove the lightbox. Since then the plugin has made some improvements.
It is non commercial so if you want to give it a try, go to the page "Very Simple Image Gallery" (menu at the left), download, install and check if it fits your needs. If so - have fun!

Best regards
Andreas
Simple Image Gallery PRO
19 Wednesday, 03 March 2010 08:47
Merdjan
I buy the Pro version but I haven't the layout as you show on your exemple.
Gallery width: 430
Gallery width is set in: Pixel
Align the gallery: Center
Thumbnail width: 90
Thumbnail height: 60
Image thumbnail quality: 80
Space between thumbs: 7
Thumbnails are shown: Justified - below the image
Place for thumbnails in percent of gallery width: 30

Have you a special version ?

Thank you
Sort order: A-Z
Use sets of size: 4
Label sets: Set
Link/button forward:
Link/button backward:
Show captions? Yes
Position of captions? Inside
Use links? Yes
Image root: /images/stories/
Buttonfolder: /images/stories/vsig_buttons/
Use JavaScript? Yes
Foldername as ID? No

I just have:
Paramètres du plugin
Root folder for image galleries
Popup engine for image galleries Slimbox2 (powered by jQuery)PrettyPhoto (powered by jQuery)ColorBox (powered by jQuery)FancyBox (powered by jQuery)MultiBox (powered by MooTools)SlimBox (powered by MooTools)LyteBox (with slideshow)HighSlide (with slideshow)GreyBoxSimpleBox (by JoomlaWorks)
Layout template for image galleries ArtisticDefaultElegantSleek
Thumbnail viewport width
Thumbnail viewport height
Fit thumbnails to available viewport? Non Oui
Thumbnail image quality
Display Mode Normal Single Thumbnail
Ordre DéfautAlphabetical orderAlphabetical order (case insensitive)Reverse default orderRandom order
Default caption (label) handling No captionsShow generic messagesRead contents of caption files
Caption word limit
Enable original image download link in the popup Non Oui
Load a module position in the popup
Thumbnail cache expiration time

--------------------------------------------------------------------------------

Debug mode Désactivé Activé
@smartcall
18 Monday, 22 February 2010 20:50
A. Berger
Hi smartcall!

I think I know what you mean and no, up till now the feature is limited to a previous/next button/link.

Best regards
Andreas
Page numbering
17 Monday, 22 February 2010 10:11
smartcall
Something dissapeared from my comment. I wanted to show how I would like to see the page numbering and it was not there when I previewed the comment. It is like this (again not showing in preview)
Arrows (less and bigger than from the keyboard) with page numbers between them and the active page is underlined.
Regards!
Page numbering
16 Monday, 22 February 2010 10:07
smartcall
Hi,
Is there any way to the pages for make multi page galleries be numbered like:
, where the active page is underlined and the arrows are links to previous and next page?

Regards!
@john m
15 Thursday, 11 February 2010 18:40
A. Berger
Hi john!

Either you have set "Use Script" to "no" in the configuration panel (if so, set it to "Yes" or your template (or a third party extensions) prevents the JavaScript /plugins/content/plugin_vsig/vsig.js from getting linked in the head of your page (if so, modify the template or the settings of the extension that blocks the script). Does the plugin work as desired if you switch to another template?

Best regards
Andreas
page reloading everytime thumbnail clicked
14 Wednesday, 10 February 2010 23:53
john m
how can i set it so everytime i click a thumbnail its not reloading the page again?
@Raduga
13 Wednesday, 13 January 2010 18:26
A. Berger
Hi Raduga!

No it doesn't, but it offers the possibility to split them into multiple sets - have a look at the next sample.

Best regards
Andreas
Thumbnails quantity
12 Wednesday, 13 January 2010 17:44
Raduga
Very nice work. Congratulations!
I would like to know if it supports a scroll for thumbnails when thumbnails quantity is too much and exceed the size of the main big image.
Regards