2010-08-01
Very Simple Image Gallery Plugin Beispiel02
Geschrieben von: Andreas Berger   
Montag, den 23. November 2009 um 19:11 Uhr
bild01
bild01
bild02
bild03
bild04
bild05
bild06
bild07
bild08

 

Dieses Beispiel macht von der Möglichkeit Gebrauch, die Thumbnails rechts vom Hauptbild anzuzeigen. Wesentlich dabei ist die Abstimmung der Parameter "Thumbnail width", "Space between Thumbs" und "Place for the thumbnails in Percent of gallery width". Mit diesen drei Werten stimmt man das Verhältnis Hauptbild zu Thumbnails ab.

Einstellungen im Konfigurationspanel des Plugins

Um die Galerien auf der Webseite so zu konfigurieren, werden im Konfigurationspanel des Plugins die folgenden Werte gesetzt:

  • Gallery width: 430
  • max. Image height:
  • Image quality: 90
  • Align the gallery: Mitte
  • Thumbnail width: 54
  • Thumbnail height: 38
  • Crop thumbnails: keep proportions
  • Image thumbnail quality: 80
  • Space between thumbs: 2
  • Thumbnails are shown: Right of the main image
  • Place for thumbnails in percent of gallery width: 36
  • Sort order: A-Z
  • Use sets of size:
  • Label sets: Set
  • Link/button forward:
  • Link/button backward:
  • Show captions? Ja
  • Position of captions? Inside
  • Use links? Ja
  • Image root: /images/stories/
  • Buttonfolder: /images/stories/vsig_buttons/
  • Use JavaScript? Ja
  • Foldername as ID? Nein

Code im Artikel

Um die Bilder im Ordner /images/stories/verysimple anzuzeigen, wird im Artikel an der gewünschten Stelle der folgende Code eingegeben:

{*vsig}verysimple{/vsig*} - (ohne die Sterne)

Overrides

Hat man im Konfigurationspanel andere Einstellungen als die oben angezeigten getroffen und möchte nur diese eine Galerie wie gezeigt konfigurieren, dann kann man den Code um Parameter Overrides (siehe Plugin Howto Code) erweitern. Die Einstellungen für die oben angezeigte Galerie sind:

  • width=430
  • height=
  • imquality=90
  • align=1
  • twidth=54
  • theight=38
  • crop=
  • quality=80
  • space=1
  • right=1
  • area=36
  • sort=0
  • sets=0
  • setstxt=Set
  • cfwd=
  • cbwd=
  • caps=1
  • inout=1
  • links=1
  • script=1
  • folderid=0


Im Code auf der Seite werden nur die Parameter überschrieben, bei denen die gewünschte Einstellung von der im Konfigurationspanel abweicht. Zum Beispiel:

{*vsig}verysimple|right=1|area=36|twidth=54|theight=38|space=1{/vsig*} - (ohne die Sterne)


Für Fragen und Anregungen steht die Kommentarfunktion zur Verfügung.

Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten. Darüber hinaus freue ich mich über jeden, der die Möglichkeit findet, mich durch einen Link zu www.bretteleben.de auf seiner Webseite zu unterstützen. Das Plugin selbst produziert keine versteckten Links oder sonstige Nettigkeiten welcher Art auch immer.
Wer für sein Projekt zusätzliche Funktionen oder Adaptierungen über die Möglichkeiten des hier gebotenen Supports benötigt, der ist eingeladen, mich mit einer Beschreibung der gewünschten Leistungen und dem angedachten Budget per Email zu kontaktieren (Menüpunkt "Kontakt" im Topmenü).

Zuletzt aktualisiert am Sonntag, den 06. Juni 2010 um 13:03 Uhr
 
Kommentare (25)
Modifikation an VSIG möglich?
25 Sonntag, den 30. Mai 2010 um 21:02 Uhr
Niko

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!

@Niko
Montag, den 31. Mai 2010 um 19:19 Uhr
A. Berger

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

Conflict with the plugin
24 Dienstag, den 18. Mai 2010 um 22:05 Uhr
Adel

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

@Adel
Mittwoch, den 19. Mai 2010 um 20:53 Uhr
A. Berger

Hi Adel!


The page you linked to is not online.


Best regards
Andreas Berger

Number of thumbnails per row (missing?)
23 Dienstag, den 11. Mai 2010 um 04:20 Uhr
Graham

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

Of course :)
Dienstag, den 11. Mai 2010 um 07:47 Uhr
Graham

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

@Graham
Dienstag, den 11. Mai 2010 um 05:02 Uhr
A. Berger

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

Two Gallery in one website?
22 Donnerstag, den 08. April 2010 um 21:15 Uhr
Martin

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?

@Martin
Donnerstag, den 08. April 2010 um 21:57 Uhr
A. Berger

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

thumbnails left
21 Mittwoch, den 10. März 2010 um 19:35 Uhr
Beni
Hi,
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!!!
@Merdjan
20 Mittwoch, den 03. März 2010 um 20:08 Uhr
A. Berger
Hi Merdjan!

Yes I have. You bought the extension "Simple Image Gallery Pro" from joomlaworks.gr (I guess). This extension, the "Very Simple Image Gallery" has been forked from the - still available - free version of your plugin, the "Simple Image Gallery" with the intention to remove the lightbox. Since then the plugin has made some improvements.
It is non commercial so if you want to give it a try, go to the page "Very Simple Image Gallery" (menu at the left), download, install and check if it fits your needs. If so - have fun!

Best regards
Andreas
Simple Image Gallery PRO
19 Mittwoch, den 03. März 2010 um 08:47 Uhr
Merdjan
I buy the Pro version but I haven't the layout as you show on your exemple.
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

Have you a special version ?

Thank you
Sort order: A-Z
Use sets of size: 4
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

I just have:
Paramètres du plugin
Root folder for image galleries
Popup engine for image galleries Slimbox2 (powered by jQuery)PrettyPhoto (powered by jQuery)ColorBox (powered by jQuery)FancyBox (powered by jQuery)MultiBox (powered by MooTools)SlimBox (powered by MooTools)LyteBox (with slideshow)HighSlide (with slideshow)GreyBoxSimpleBox (by JoomlaWorks)
Layout template for image galleries ArtisticDefaultElegantSleek
Thumbnail viewport width
Thumbnail viewport height
Fit thumbnails to available viewport? Non Oui
Thumbnail image quality
Display Mode Normal Single Thumbnail
Ordre DéfautAlphabetical orderAlphabetical order (case insensitive)Reverse default orderRandom order
Default caption (label) handling No captionsShow generic messagesRead contents of caption files
Caption word limit
Enable original image download link in the popup Non Oui
Load a module position in the popup
Thumbnail cache expiration time

--------------------------------------------------------------------------------

Debug mode Désactivé Activé
@smartcall
18 Montag, den 22. Februar 2010 um 20:50 Uhr
A. Berger
Hi smartcall!

I think I know what you mean and no, up till now the feature is limited to a previous/next button/link.

Best regards
Andreas
Page numbering
17 Montag, den 22. Februar 2010 um 10:11 Uhr
smartcall
Something dissapeared from my comment. I wanted to show how I would like to see the page numbering and it was not there when I previewed the comment. It is like this (again not showing in preview)
Arrows (less and bigger than from the keyboard) with page numbers between them and the active page is underlined.
Regards!
Page numbering
16 Montag, den 22. Februar 2010 um 10:07 Uhr
smartcall
Hi,
Is there any way to the pages for make multi page galleries be numbered like:
, where the active page is underlined and the arrows are links to previous and next page?

Regards!
Deutsch
Panoramic Image Viewer
AddThis Social Bookmark Button
Wer ist online
Wir haben 32 Gäste online
Neueste Beiträge