Title pic08Text pic08
 Set 3/3 
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. |
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
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
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
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