Main Menu
Most Read
Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79
Support

If you like the products on these pages, your support is highly appreciated. Thank you very much!

Amount: 

Latest Items
Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109
Very Simple Image Gallery Plugin Sample04
Written by Andreas Berger   
Monday, 23 November 2009 19:13
Title pic01
Title pic01Text pic01
Title pic01
Title pic02
Default-Title
Default-Title
Default-Title
Title pic08

 

bwd  Set 1/3  fwd

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
  • max. Image height:
  • Image quality: 90
  • Align the gallery: Center
  • Thumbnail width: 90
  • Thumbnail height: 60
  • Crop thumbnails: keep proportions
  • 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)
{*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=94
  • theight=63
  • space=4
  • right=3
  • cols=1
  • sets=3
  • setstxt=Set



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|sets=3|right=3|cols=1|twidth=94|theight=63|space=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. 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 (2)
Desperate for help on Captions and Hover on mouse
2 Thursday, 27 October 2011 00:37
Ed Cox

Hi All,

Have installed VSIG and I love it - except I am unable to get my gallery working almost exactly as the First Example of Sample04 page. Which allows for Image change on mouse over, and individual captions for each image. Here's my plug-in code:

{*vsig}Rendered_Facades/Single_Storey/Large_Display{/vsig*}
{*vsig_c}0|Modern_Federation.jpg|Modern Federation|{/vsig_c*}
{*vsig_c}0|Resort.jpg|Resort|Resort{/vsig_c*}
{*vsig_c}0|Tempo.jpg|Tempo|Tempo{/vsig_c*}
{*vsig_c}0|Tropic.jpg|Tropic|Tropic{/vsig_c*}
{*vsig_c}0|Ultra_Contemporary.jpg|Ultra Contemporary|Ultra Contemporary{/vsig_c*}
{*vsig_c}0|Ultra_Modern.jpg|Ultra Modern|Ultra Modern{/vsig_c*}
{*vsig_c}0|urban-new.jpg|Urban New|Urban New{/vsig_c*}

And here is the page which should be working (Joomla! 1.7.2) : http://everydayhomes.iconvm.com.au/home-designs/single-story?id=41
I'm pretty confident that the parameters are all set correctly - and almost echo those on the example page.
Can anyone please shed some light??

Thank you,
ed AT iconvisual DOT com DOT au

@Ed Cox
Thursday, 27 October 2011 18:35
A. Berger

Hi Ed!

In the configuration Panel of the plugin:
- set the parameter "Show Captions" to "Yes"
- set the parameter "Switch on hover thumbs" to "Yes"
- set the parameter "Show Captions" to "Yes"
- set the parameter "Preload images" to "Yes"
... and if you want the thumbs to display below the main image as in the first sample here
- set the parameter "Thumbnails are shown" to "Justified - below the main image"

Best regards
Andreas

captions
1 Friday, 06 May 2011 20:46
ADAMA pottery

First thanks for the so nice and easy to use & install this plug in

May i ask your help with the strip under the captions: can i cancel it? can i align it? (and how?)
I will thank you if you have a moment and look here:
http://adama-studio.adama-pottery.com/joomla16/index.php/2011-03-25-19-47-00/our-specials/101-2011-04-15-04-44-19

Thanks again
Dov

@ADAMA pottery
Monday, 09 May 2011 21:10
A. Berger

Hi Dov!

The "strip" assures that the text of a caption stays readable even if over a dark part of an image. Anyway, if you want to get rid of it you could add the following to a stylesheet of your site (e.g. main.css):

.mylink:hover span {background:transparent !important;filter:alpha(opacity=100) !important;opacity:1.00 !important;}
#becssg_cap_101_0 {background:transparent !important;filter:alpha(opacity=100) !important;opacity:1.00 !important;}


The first line addresses the captions attached to the thumbnails, the second line addresses the caption, attached to the start image. The second line is the downside of this patch because if you are using multiple galleries on your site, you have to address every single gallery:

#becssg_cap_101_0, #becssg_cap_102_0, #becssg_cap_103_0, #becssg_cap_104_0 {background:transparent !important;filter:alpha(opacity=100) !important;opacity:1.00 !important;}
The first (increment) number is the identity of the article that holds the gallery, the second number is the number of the gallery within this article (starts counting at 0).

An alternative would be to switch to the "Very Simple Image Gallery" (find the link in the menu at the left), it would allow to modify the captions by modifying the stylesheet of the plugin.

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