|
Very Simple Image Gallery Plugin Sample02 |
|
Written by Andreas Berger
|
|
Monday, 23 November 2009 19:11 |
|
This sample uses the possibility to show the thumbnails right of the main image.
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: 60
- Thumbnail height: 40
- Crop thumbnails: keep proportions
- Image thumbnail quality: 80
- Space between thumbs: 2
- Thumbnails are shown: Right of the main 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=60
- theight=40
- crop=
- quality=80
- space=2
- right=1
- cols=2
- 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
In your article you overwrite only the parameters that differ from the settings in your backend. For example:
{*vsig}verysimple|right=1|cols=2|twidth=60|theight=40|space=2{/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 |
zunächst erstmal finde ich das Plugin Super.
Kann ich die Vergrößer bzw. die Anzeige der Originalbilds auch in einer Leightbox anzeigen lassen?
Für Joomla 1.6 finde ich leider nicht die passende Gallerie. Habe fast einen Tag gesucht und probiert. Ich hätte wohl doch ersteinmal bei 1.5 bleiben sollen. Diese ist einfach passend. Mir hätte es ja auch so gereicht wie es ist, aber ... Ich habe mir inzwischen deine Gallerie angepasst. Mit ein wenig PHP-Kenntnissen ist das ja möglich. Nun geht eine Multibox auf. Bisher zwar noch 2 übereinander, aber das löse ich auch noch. Danke für die schnelle Antwort.
Nein, mit diesem Plugin ist das nicht möglich, weil ich modale Fenster nicht mag. Der Grund, die Originalversion, die "Simple Image Gallery" von Joomlaworks zu diesem Plugin zu modifizieren war, dass ich die Lightbox loswerden wollte.
Ich kann Dir aber die Kategorie "Photos & Images" > "Photo Gallery" auf extensions.joomla.org wärmstens ans Herz legen. Über 90% der dort zzt. 83 gelisteten Erweiterungen bieten modale Fenster in den verschiedensten Ausprägungen (Lightbox, Graybox, Thinbox, whateverbox, boxboxbox...).
Da wirst Du sicher fündig. :)
Gruß
Andreas
Hallo, vielen Dank erst einmal für das tolle Plugin. Jetzt meine Fragen:
1) Welche Einstellung muss ich vornehmen, damit wie oben die Thumnails in zwei Spalten erscheinen.
2) Ist es möglich die Thumnails so wie auf der Seite www.struwe-fotodesign.de/fotos.php?GalleryID=11 hinter "Milchglas" erscheinen zu lassen?
Vielen Dank schon mal!
Gruß
Stefan
...., dass Plugin ist wirklich super!
Hallo Stefan!
ad1) z.B. im Backend die Einstellungen verwenden, die im Beispiel beschrieben sind.
ad2) die Thumbnails teiltransparent erscheinen zu lassen ist kein Problem, dazu brauchst Du nur im Stylesheet /plugins/content/plugin_vsig/vsig.css dem Selektor .vsig_thumb img {} die Angaben "filter:alpha(opacity=50);opacity:0.50;" hinzufügen. Wenn darüber hinaus allerdings das jeweils aktive Thumbnail zu 100% sichtbar sein soll, dann wirst Du nicht darum herum kommen, das Plugin als Ganzes zu erweitern.
Gruß
Andreas
Hallo Zusammen
Habe da folgende Frage:
Ist es in dieser Version auch möglich einen Bild Titel und eine Bildbeschreibung zu machen?
So wie im Beispiel 3 http://www.bretteleben.de/lang-de/joomla/very-simple-image-gallery/vsig-beispiel-03.html ?
Vielen Dank für Eure Unterstützung und schönen Feierabend
Hallo René!
Ja natürlich. Das ist keine eigene Version sondern nur ein Beispiel für eine mögliche Konfiguration der Parameter im Backend.
Näheres zu Links und Captions findest Du auf der Seite "Anleitung Plugin Code" (Menü links).
Gruß
Andreas
Hi. I love this plugin, but I'm having some trouble making it display correctly. I've installed the most recent version to my Joomla! 1.5.22 site. You can see the gallery here: http://www.auroracolonywoodturning.com/index.php?option=com_content&view=article&id=49&Itemid=27
Issue 1: The thumbnails are too close to eachother, with no padding around them.
Issue 2: The main photos display correctly only if they are vertically oriented. All horizontal images are being distorted. Right now, gallery width is set to 900px, max image height is 700px.
Thanks for your help!
Liz
Andreas,
You consistently provide friendly and exceptionally helpful support for your plugins. Thank you so much! I will be sure to vote for your plugin & add a link back to you.
Best,
Liz
Hi Liz!
The problem is the extension you are using to load images only if they are visible at the screen, the extension that uses the JavaScript "gantry-smartload.js". It breaks the CSS of the gallery.
Best regards
Andreas
Where exactly do I add this caption code?
I put:
{*vsig_c}0|image01.jpg|Carved Coffee Table|$75.00{/vsig_c*}
directly following:
{*vsig}verysimple{/vsig*}
in my article. That is the first image in the set. Everything is great but I do not see the caption. Should I put this line somewhere else? Do I have the correct syntax?
Please help!
Thanks!
Hi Madeline!
The code looks fine (I just added the asterisks to prevent it from getting executed). One thing: You should split the dollar sign from the amount with a blank ($ 75,00). I know this is not the way you are used to write this but the sign drectly followed by a string gets executed as a variable by Joomla!. Anyway, this should not prevent the caption from getting shown at all. If it doesn't, please make sure that there is no type in the image file name and captions are activated in the configuration panel of the plugin.
About the appearance in the article and the sort order - both are completely arbitrary. The code for the caption targets the gallery with the first parameter. "0" meens the first gallery in the article.
If your problem persists, please post a link to the page, I will have a look at it.
Best regards
Andreas
Hallo zusammen,
benutzte die VSIG wie im Beispiel 2, also Thumbnails rechts vom Hauptbild. Nun meine frage, ist es möglich das große Hautbild links "fix" zu machen also das dies immer angezeigt wird und das sich die thumbnails dann seperat in einer lytebox o.ä. öffnet? Wäre für eine Hilfestellung sehr dankbar! Danke!
Hallo Niko!
Wenn Du damit meinst, dass immer das selbe Hauptbild angezeigt wird, dann würde ich mich nach einer Galerie-Erweiterung umsehen, die von Haus aus nur Thumbnails anzeigt und diese beim Klick in einem modalen Fenster öffnet. Dieser ein statisches Bild hinzuzufügen wäre vermutlich einfacher als umgekehrt.
Funktionieren würde es aber auch mit der Very Simple Image Gallery, man müsste das Plugin eben entsprechend umbauen. Das ist nicht mit zwei, drei Zeilen Code getan und geht deshalb über den Rahmen des Supports, den ich hier anbieten kann weit hinaus, weswegen ich Dich einlade (das Plugin ist GPL lizensiert, Modifikationen also ausdrücklich erlaubt) entweder selbst Hand anzulegen oder jemanden zu finden, der das für Dich übernimmt.
Eine mögliche weitere Alternative wäre noch, sich nach einer Erweiterung umzusehen, die automatisch jedes Bild im Kontant mit dem Original hinterlegt. Derartige Erweiterungen gibt es imho, vielleicht ergänzt sich ja eine davon mit der Very Simple Image Gallery.
Gruß
Andreas
Hi Guys,
I love this plugin and I wish I could use it on the template I've purchased. I'm having problems with it appearing properly? For some reason when I click on the images it reopens the page :( unlike the samples.
Can you please help me with this? Not sure what the problem is.
This is the problem Page: http://www.ashalaby.com/v4.1/gallery.html
Thanks
Hi Adel!
The page you linked to is not online.
Best regards
Andreas Berger
First of all - GREAT plugin!
The plugin option seems to be missing for number of thumbnails per row.
Consider your example above with all of the thumbs broken into groups of 4. Now compare that with this example http://quantive.digital-diy.info/quantive-tips.html (temporary sandbox site).
Code used (without *):
{*vsig}verysimple|sets=0|right=1|area=36|twidth=54|theight=38|space=1{/vsig*}
My plugin options:
http://digital-diy.com/images/stories/authors/graham/options.png
I understand now - The term 'gallery width' implies all of the objects - not just the main image.
For my attempt, the predefined width was too small to allow a second row of thumbs as shown in Sample 02. The result was a long list of thumbs in one column.
Increasing the gallery width behaves exactly as you have suggested.
Thank you
Hi Graham!
The plugin takes the width of the whole gallery (400) and the space available for the thumbnails (36%) and calculates the size of the main image (400x(1-36%)=256). The remaining space is used for the thumbnails and if 1 thumbnail per row fits, one thumbnail per row is shown. If you want to have a second row, just increase the width of the gallery and/or increase the percentage of space for the thumbs and/or decrease the size of the thumbnails.
Best regards
Andreas
Hey..
Very nice plug-in :)
I'm making a website for a band.
They want pictures from their concerts. So I need different Gallerys?
How to do that?
Hi Martin!
Not so hard to achieve:
{vsig}concert1{/vsig}
{vsig}concert2{/vsig}
{vsig}concert3{/vsig}
...
For further information you might want to take a look at "Howto Plugin" and "Howto Plugin Code".
Best regards
Andreas
does somebody know, how to set the thumbnails to the left side of the big Pic?! How can I realize this? Is it possible to edit the vsig.php, in order to set the thumbnails to the left?!
Would be sooo nice if anyone knew!!!