Title pic01Text pic01

  Set 1/2  

This sample shows the usage of multiple galleries in one article. The assumption is that the settings for the first gallery are set in the backend configuration panel whilst the second gallery is configured using Parameter Overrides. In addition the first gallery uses Captions, the second one has set a default link. Of course it would be possible to configure both galleries with Parameter Overrides.

Settings in the plugin configuration panel

The settings for the first gallery in your backend are:

• 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
• 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)
{*vsig_c}0||Default-Title|Default-Text{/vsig_c*} - (without the asterisks)
{*vsig_c}0|bild01.jpg|Title pic01|Text pic01{/vsig_c*} - (without the asterisks)
{*vsig_c}0|bild02.jpg|Title pic02|{/vsig_c*} - (without the asterisks)
{*vsig_c}0|bild03.jpg||Text pic03{/vsig_c*} - (without the asterisks)
{*vsig_c}0|bild04.jpg||{/vsig_c*} - (without the asterisks)
{*vsig_c}0|bild08.jpg|Title pic08|Text pic08{/vsig_c*} - (without the asterisks)

Overrides

Now we use Parameter Overrides to configure the second gallery. The necessary parameters (refer to samples 1-3 for a full list) are:

• twidth=60
• theight=40
• space=1
• right=1
• area=33
• sets=4
• setstxt=Set

Notice: The combination of thumbnails right of the main image PLUS the usage of sets is - up till now - a little tricky and does not allow to make full use of the available space in FireFox. Therefore the second gallery is indented agains the first one. Follow up versions will deal with this problem.

This is the code. The first line calls the gallery. (Of course it does not have to be the same image folder twice - blame this to my laziness). The second line sets the default link. Important is the first parameter "1" for the second gallery in your article (count: 0,1,2,...)l:

{*vsig}verysimple|twidth=60|theight=40|space=1|right=1|area=33|sets=4|setstxt=Set{/vsig*} - (without the asterisks)
{*vsig_l}1||http://extensions.joomla.org/extensions/photos-&-images/photo-gallery/6301/details|Default Link|_blank{/vsig_l*} - (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.