|
Very Simple Image Gallery Plugin Sample01 |
|
Written by Andreas Berger
|
|
Monday, 23 November 2009 19:10 |
|
The shown gallery corresponds mainly with the plugins default settings. Just the width of the gallery and the dimensions of the thumbnails plus the space between them are adjusted.
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: 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)
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=90
- theight=60
- 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:31 |
Just installed your gallery on my site and it's just awesome. Very easy to use and customise. I was also wondering, is there any way to add a simple watermark to protect my pictures?
Thanks a bunch
Hi Jana!
No, this feature is not part of the plugin and the fact, that the option "Link original image?" allows to link the original, would render it pretty useless. Of course it is possible to add the watermark before uploading the images.
Best regards
Andreas
Dear,
This is a great plugin, i have one question. On active thumbs i want to punt a red border.
With a:active is won't work. Can you help me?
Thanks!
Hi Johan!
You find the stylesheet of the plugin at /plugins/content/plugin_vsig/vsig.css (Joomla!1.5). The selectors that set the characteristics of the thumbnails are .vsig_thumb {} and .vsig_thumb img {}.
Best regards
Andreas
Hallöchen,
gibt es eine Möglichkeit die Sets unterhalb der Thumbnails anzuordnen und diese als Aufzählung darzustellen? Anbei ein Link, wie ich es gerne hätte www.axelheimken.de/index.php?id=24. Dabei habe ich die Thumbs auf der rechten Seite angeordnet. Leider habe ich keine Ahnung von css oder Ähnlichem. Ich hoffe, mir kann man helfen. Vielen Dank und Grüße
Danke für die Antwort. Grüße
Hallo Jeanette!
Nein, das ist mit diesem Plugin nicht möglich.
Gruß
Andreas
I see some references to being able to change the background color so that the border does not show up, but I am stuck as to how to do that. Please could you advise how I make the border disappear by changing the background color. Many thanks!
Hi Rob!
Open the stylesheet of the plugin (/plugins/content/plugin_vsig/vsig.css - Joomla!1.5) with a text editor. The selector .vsig_top img {} sets the color of the border (border:1px solid #ccc !important;) and the background (background:#fff !important;) of the main image. Change the colors to the value of your page-background and they will "disappear". The selector .vsig_thumb img {} contains the same settings for the thumbnails.
Best regards
Andreas
First of all, this is a great plugin. Easy but superb! I have only one problem with the quality of the images. This quality is not very high when they are published in de Very Simple Image Gallery. The quality without using the Very Simple Image Gallery is good. I have set the quality by Very Simple Image Gallery already at 100. Any suggestions? I use Photoshop.
Best regards,
Rappe Rinus
Hi Rinus!
There is always a loss of quality when imges get scaled by the GD library. In general: The better the original, the better the scaled image. Therefore I would try to scale the images offline to a size near the size they get displayed online and improve the quality as much as possible (with Photoshop you have almost all possibilities to do so) before uploading them. If this does not deliver the results you are expecting, you could give another image file format a try (switch from JPG to PNG or vice versa).
About the image quality setting in the backend of the plugin, I would set the quality of the main images to 95% percent (100% does not deliver much better results but - my experience - much larger files).
Best regards
Andreas
When showing a gallery, how do I omit the thumbnail of the image being shown?
Hi Chris!
A clean and continuous solution would require a heavy patch of the plugin (vsig.php and vsig.js). Anyway, a very limited quick&dirty patch would be to modify line 395 of /plugins/content/vsig.php.
original:
if(!$_sets_use_||($a>=($_sets_use_*$_sets_current_-$_sets_use_)&&$a=2)){
patch:
if(($images[$a]['filename']!=$images[$aktimg]['filename'])&&(!$_sets_use_||($a>=($_sets_use_*$_sets_current_-$_sets_use_)&&$a=2))){
This prevent the thumb that belongs to the main image on page load from getting displayed. Anyway, there are limitation: no sets; no alignment "below-justified"; ... maybe others I haven't thought of. :)
Best regards
Andreas
Hello, thanks for the plugin its great. Although I'm having one problem. My thumbs are lining up vertically under the big main pic instead of from left to right horizontal.
How do I fix this?
Thx
Hi Fancy404!
This happens if you have set the thumbnails to show right of the main image without setting anappropriate amount of space (percent) for them to show up (if so, change the thumbs to show "below" or "below - justified" the main image) or if your template does not allow the plugin to link the stylesheet "/plugins/content/plugins_vsig/vsig.css" (J!1.5) from the HEAD of the page (if so, find the code in your template that prevents the stylesheet from getting linked and modify it.
If you could post a link to the page, I will have a look at it.
Best regards
Andreas
Hi there,
It is a really simple plugin, hardly anything needs to be done, and I am very happy I have used this plugin. One of the question I may have is ...is there way I can add "next" tab on the right side of the image, which become an easier way for the user to navigator other than click the pic below as an option?
Thank you very much,
~anna
Hi Anna!
Up till now there is only a set2set navigation. You may (ab)use it by setting the number of images in a set to 1 in which case there are no thumbnails shown and the arrows switch image by image. An explicit image2image navigation is - up till now - not available.
Best regards
Andreas
Привіт, я новачок, і маю проблему, дана галерея в мене не працює. В описі ніби все чітко вказано, ніби й все так і прописав, але не працює(((
Вибиває:
Зверху вибиває сторінки
* JFolder::create: Could not create directory
* JFolder::create: Could not create directory
* JFolder::create: Could not create directory
* JFolder::create: Could not create directory
А там де сам компонент: Failed creating thumbnail directory /home/kuhonika/public_html/images/stories/fotokuhni/vsig_thumbs/Failed creating image directory /home/kuhonika/public_html/images/stories/fotokuhni/vsig_images/
Що робити, як мені все вірно налаштувати???
Буду вдячний, якщо відпишете на мейл: serghuk AT gmail DOT com
Я пробував ставити на свій сайт: www.kuhonika.com.ua
Hi Сергій!
The Errors on your page indicate that the plugin has not the necessary rights to create directories on your server - i.e. there is a problem with the directory permissions.
To solve this problem, first check the current directory permissions: Joomla! backend > Help > System Info > Directory permissons. Everything should be green (writable) there. If it isn't - please change the permission (e.g. using an ftp-client).
If everything looks fine and the error persists, check the settings you used to configure the Joomla! FTP layer: Joomla! backend > Site > Global Configuration > Server > FTP. Maybe the easiest way is to just deactivate it. If this doesn't help or leads to other problems, maybe you want to have a look at this Howto at forum.joomla.org in the article of the user Degira:
http://forum.joomla.org/viewtopic.php?f=431&t=314112&p=1382452#p1382452
Best regards
Andreas
Hi, thank you for your wonderful work!
In my configuration, I'm using the VSIG main image without the border and padding. My problem is, though the Gallery width is set exactly to 513, the images generated are all 501px wide. I cannot find the place to adjust the algorithm so that it takes into account the missing padding and border (ie, does not generate lsightly narrower main images).
I got all the CSS sorted out already and looked around in plugins > content > plugin_vsig, could spot the place where this is determined.
Thanks again.
Hi Demonike!
The file to patch is /plugins/content/vsig.php (Joomla! 1.5.x). Calculations (image size, paddings, etc.) are done starting about line 190, the CSS is generated from line 220 to 234.
Best regards
Andreas
I would like to physically remove the border (not change the border color), because the big image to fill the whole width of the content area (currently there would be 6px from both sides inset, since the border + padding). That is why my peculiar dimensions 513px wide exactly (I have all other images in content areas this width - I would like them to be uniform).
I have no problem with patcing, if you would tell me in which file :)
Thank you for your time!
Hi Demonike!
First, check if you have set the thumbs to show "below" the main image or "below-justified". If it is the latter, the plugin may reduce the size of the main images to compensate missing pixels from the calulation of the thumb-size and the space between the thumbs (there are only integer pixels :)).
Second, the hard way would be to patch the plugin to deliver always the exact image size you have set in the backend - taking into account your CSS.
The pragmatic way would be to configure the gallery the way you want it to be - and reupload your image with exactly the needed size. ( Why patch the plugin to remove border/padding if it's a lot easier to set the to the background color?)
Best regards
Andreas