2010-08-01
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
  • max. Image height:
  • Image quality: 90
  • Align the gallery: Center
  • Thumbnail width: 54
  • Thumbnail height: 38
  • Crop thumbnails: keep proportions
  • Image thumbnail quality: 80
  • Space between thumbs: 2
  • 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
  • height=
  • imquality=90
  • align=1
  • twidth=54
  • theight=38
  • crop=
  • 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.

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).

Last Updated on Sunday, 06 June 2010 13:03
 
Comments (25)
Modifikation an VSIG möglich?
25 Sunday, 30 May 2010 21:02
Niko

Hallo zusammen,


benutzte die VSIG wie im Beispiel 2, also Thumbnails rechts vom Hauptbild. Nun meine frage, ist es möglich das große Hautbild links "fix" zu machen also das dies immer angezeigt wird und das sich die thumbnails dann seperat in einer lytebox o.ä. öffnet? Wäre für eine Hilfestellung sehr dankbar! Danke!

@Niko
Monday, 31 May 2010 19:19
A. Berger

Hallo Niko!

Wenn Du damit meinst, dass immer das selbe Hauptbild angezeigt wird, dann würde ich mich nach einer Galerie-Erweiterung umsehen, die von Haus aus nur Thumbnails anzeigt und diese beim Klick in einem modalen Fenster öffnet. Dieser ein statisches Bild hinzuzufügen wäre vermutlich einfacher als umgekehrt.
Funktionieren würde es aber auch mit der Very Simple Image Gallery, man müsste das Plugin eben entsprechend umbauen. Das ist nicht mit zwei, drei Zeilen Code getan und geht deshalb über den Rahmen des Supports, den ich hier anbieten kann weit hinaus, weswegen ich Dich einlade (das Plugin ist GPL lizensiert, Modifikationen also ausdrücklich erlaubt) entweder selbst Hand anzulegen oder jemanden zu finden, der das für Dich übernimmt.

Eine mögliche weitere Alternative wäre noch, sich nach einer Erweiterung umzusehen, die automatisch jedes Bild im Kontant mit dem Original hinterlegt. Derartige Erweiterungen gibt es imho, vielleicht ergänzt sich ja eine davon mit der Very Simple Image Gallery.

Gruß
Andreas

Conflict with the plugin
24 Tuesday, 18 May 2010 22:05
Adel

Hi Guys,

I love this plugin and I wish I could use it on the template I've purchased. I'm having problems with it appearing properly? For some reason when I click on the images it reopens the page :( unlike the samples.
Can you please help me with this? Not sure what the problem is.
This is the problem Page: http://www.ashalaby.com/v4.1/gallery.html

Thanks

@Adel
Wednesday, 19 May 2010 20:53
A. Berger

Hi Adel!


The page you linked to is not online.


Best regards
Andreas Berger

Number of thumbnails per row (missing?)
23 Tuesday, 11 May 2010 04:20
Graham

First of all - GREAT plugin!

The plugin option seems to be missing for number of thumbnails per row.

Consider your example above with all of the thumbs broken into groups of 4. Now compare that with this example http://quantive.digital-diy.info/quantive-tips.html (temporary sandbox site).

Code used (without *):

{*vsig}verysimple|sets=0|right=1|area=36|twidth=54|theight=38|space=1{/vsig*}

My plugin options:

http://digital-diy.com/images/stories/authors/graham/options.png

Of course :)
Tuesday, 11 May 2010 07:47
Graham

I understand now - The term 'gallery width' implies all of the objects - not just the main image.

For my attempt, the predefined width was too small to allow a second row of thumbs as shown in Sample 02. The result was a long list of thumbs in one column.
Increasing the gallery width behaves exactly as you have suggested.

Thank you

@Graham
Tuesday, 11 May 2010 05:02
A. Berger

Hi Graham!

The plugin takes the width of the whole gallery (400) and the space available for the thumbnails (36%) and calculates the size of the main image (400x(1-36%)=256). The remaining space is used for the thumbnails and if 1 thumbnail per row fits, one thumbnail per row is shown. If you want to have a second row, just increase the width of the gallery and/or increase the percentage of space for the thumbs and/or decrease the size of the thumbnails.

Best regards
Andreas

Two Gallery in one website?
22 Thursday, 08 April 2010 21:15
Martin

Hey..


Very nice plug-in :)
I'm making a website for a band.
They want pictures from their concerts. So I need different Gallerys?
How to do that?

@Martin
Thursday, 08 April 2010 21:57
A. Berger

Hi Martin!

Not so hard to achieve:

{vsig}concert1{/vsig}
{vsig}concert2{/vsig}
{vsig}concert3{/vsig}
...

For further information you might want to take a look at "Howto Plugin" and "Howto Plugin Code".

Best regards
Andreas

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!
English
Panoramic Image Viewer
AddThis Social Bookmark Button
Who's Online
We have 28 guests online
Latest Items