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 (11)

Bilder nicht zusammenhängend

11 Thursday, 10 February 2011 08:54

Anja Petersen

Hallo,

ich bin ein absoluter Anfänger.... Warum sind bei meiner Gallerie die unteren Bilder nicht eng beieinander?

Bei mir kann ich auch nur diese Punkte bearbeiten, warum nicht mehr? Was mache ich falsch?

CSS Gallery Version: 1.3.4
for support and updates visit: www.bretteleben.de

Gallery
Settings regarding the gallery in general.
Gallery width
Gallery height
Image quality
Align the gallery
Sort order
Preload images?     Ja Nein
Fixed Startimage     Ja Nein

Thumbnails
Settings regarding the thumbnails (size, quality, position, ...).
Thumbnails per row
Thumbnail quality

Additional Features
Enable/Disable Links and Captions (see Howto Plugin Code).
Show captions?     Ja Nein
Use links?     Ja Nein

@Anja Petersen

Thursday, 10 February 2011 17:43

A. Berger

Hallo Anja!

Vielleicht ist das Grundproblem das, dass Du nicht dieses Plugin, die "Very Simple Image Gallery" installiert hast, sondern ein anderes Galerie-Plugin von mir, die "CSS Gallery". Layout und Möglichkeiten der beiden Erweiterungen sind unterschiedlich.

Gruß
Andreas

ohne thumbs

10 Tuesday, 19 October 2010 21:38

Michael

Hi,

ich möchte das Plugin für meine Startseite installieren. Geht das auch ohne Thumbs anzuzeigen und ohne Start oder andere Buttons ?
Also nur eine Slideshow die ausgewählte Bilder zeigt.

Gruß Michael

@Michael

Tuesday, 19 October 2010 21:42

A. Berger

Hallo Michael!

Nein, das geht schion alleine deshalb nicht, weil das Plugin keine Slideshow-Funkltionalität besitzt. Du findest allerdings im Menü links auf der Seite das "Simple Picture Slideshow" Plugin, das kann das. Und ist eine Slideshow. :)

Gruß
Andreas

Photo is horizontal, should be vertical

9 Monday, 18 October 2010 17:29

Liz Collins

Hi,

I've installed VSIG into my Joomla 1.5.21 site - I love the gallery, but it is displaying a vertically-oriented photograph horizontally. Your help is much appreciated.

You can see the issue here: http://www.auroracolonywoodturning.com/index.php?option=com_content&view=article&id=49&Itemid=27

Thank you!
Liz

@Liz Collins

Monday, 18 October 2010 17:44

A. Berger

Hi Liz!

Easy to solve: rotate the original. It is horizontally oriented now.
Original image: http://www.auroracolonywoodturning.com/images/newgallery/tablelegs.jpg

Best regards
Andreas

portrait pictures stretch out (2)

8 Wednesday, 06 October 2010 22:39

Cynthia

I have a very weird thing going on here:

When I put 1 gallery on the page, the portrait picture extends to the full width so it distorts.

When I put 2 galleries on the same page, the gallery below works good, the one above doesn't. When I flip these 2 galleries, so that the one below is now above, again the gallery below works (while it didn;t work when it was in the above position).

Example:

gallery 2 sits below gallery 1: http://www.elliance.nl/panacea/rt_panacea_j15-rocketlauncher/index.php?option=com_content&view=article&id=104&Itemid=202

gallery 1 sits below gallery 2: http://www.elliance.nl/panacea/rt_panacea_j15-rocketlauncher/index.php?option=com_content&view=article&id=105&Itemid=201

How can I make it work with showing just one gallery?

Best regards,
Cynthia

portrait pictures stretch out (2)

Sunday, 10 October 2010 15:31

Cynthia

Hi Andreas,

You found the problem spot on! By disabling the smartload functionality, the portrait pictures keep their own size. Thanks man!

Cynthia

@Cynthia

Thursday, 07 October 2010 21:54

A. Berger

Hi Cynthia!

Please temporarily disable extensions that modify images/image-behavior(e.g. the extension that influences the loading of images "class="smartload") and check again.

Best regards
Andreas

Adding Features

7 Thursday, 08 July 2010 08:31

Shaun

Hey there

1stly vsig is still my favorite image plugin, I was trying to find a gallery that can...

1. automatically change between images on main image with thumbs underneath that can also be clicked on.
2. if there were say 200 photos have a scrolling option beneath the Thumb images with a fixed amount of thumbs displayed eg. >> or 1. 2. 3
3. when clicking on the main image it will open in a lightbox with navigation

I know this is a lot but is this possible to do?

@Shaun

Thursday, 08 July 2010 21:43

A. Berger

Hi Shaun!

1.) I guess you mean a change of the main image when clicked - no, the click on the main image is reserved for the feature "Links"
2.) No, limiting thumbs per page is done by the feature "Sets".
3.) I guess about 50 out of the 57 gallery extensions listed in the category Photo Gallery at extensions.joomla.org at the moment are using modal windows (lightbox, shadowbox, ...). I initially forked this plugin from one of them to get rid of the ligthbox. I don't like modal windows and my two gallery extensions will stay "Web 1.0" galleries - without modal window. :)

Best regards
Andreas

Link to vsig.js does not get included in page. Call to 'switchimg()' therefore not working

6 Monday, 28 June 2010 00:07

Tom

Hey,

I have the problem, that for some reason the "vsig.js" does not get included in my page.
Therefore the call to 'switchimg' does not work...

Please advise!!

@Tom

Monday, 28 June 2010 21:54

A. Berger

Hi Tom!

Check if there is a section of CSS for the gallery (look out for selectors containing "vsig"). If the CSS is there, you are either using an extension to remove JavaScript (probably meant for mootools.js and caption.js) from the head of the page that does it's job too good and filters every JavaScript, not only the two mentioned or there is a snippet in the head of the index.php of the template you are using, that does the same job. In both cases: Either deactivate this script or modify it to remove just the two JavaScripts it is meant for.

If there is no CSS for the Very Simple Image Gallery in the head of the page, maybe your template generally does not include Joomla! head data. This is a bad idea at all. If so - change this (jdoc:include type="head") or switch the template.

Best regards
Andreas

png convert error

5 Saturday, 26 June 2010 18:01

James Hobson

Hi Andreas,

I've just downloaded and tested your gallery plugin with a folder of jpeg and png images. After adding your code to an article and previewing the gallery I've now got 2 new folders within the images source folder I specified as shown below.
The problem is the png thumbs - as you can see they are blank...? Is this a bug or a problem with my install?

Cheers,
James

http://localhost/Screen-shot-2010-06-26-at-17.56.jpg

@James Hobson

Monday, 28 June 2010 22:22

A. Berger

Hi James!

The link you posted is a link to an image on your PC and therefore does not work for me. Anyway, please try to open the original png files directly from your browsers addressbar (http://localhost/PATH_TO_IMAGE_FOLDER/IMAGE.PNG) to check if they can be shown at all. If they work fine, please provide one or two of them (either upload them anywhere or send them by email). I will have a look at them.

Best regards
Andreas

photos

4 Saturday, 12 June 2010 16:17

harky

Hi is there anyway i can Image root from my main folder??

e.g i install simple gallery on domains/xxx.com/public_html/fc/
but my image is located at domains/xxx.com/public_html/image/

@harky

Monday, 14 June 2010 19:32

A. Berger

Hi harky!

I confess, I haven't tried this up till now. At the least you will have to patch the script /plugins/content/vsig.php. Second you will have to check, if Joomla! creates files outside it's own root directory.
Up till now the plugin offers to set the image root to the Joomla! root or a folder within and I will keep this because I think it is the by far most common way the plugin will be configured. In addition, I personally prefer to keep the files that belong to a site within it's main folder.

Best regards
Andreas

oh, finally..

3 Friday, 23 April 2010 11:14

luxferre

i love you guys!

how to display URL images??

2 Tuesday, 20 April 2010 04:49

vicky

hi,

how can i display URL images such as,
picasaweb.google.com/107879680341126200964/Desktop#5461893106547009314
in this plugin.

-vicky

@vicky

Tuesday, 20 April 2010 19:52

A. Berger

Hi Vicky!

You can't, the plugin does not support external sources.

Best regards
Andreas