2010-08-01
Very Simple Image Gallery Plugin Sample01
Written by Andreas Berger   
Monday, 23 November 2009 19:10
bild01
bild01
bild02
bild03
bild04
bild05
bild06
bild07
bild08

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
  • Place for thumbnails in percent of gallery width: 30
  • 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
  • Image root: /images/stories/
  • Buttonfolder: /images/stories/vsig_buttons/
  • Use JavaScript? Yes
  • 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
  • area=30
  • sort=0
  • sets=0
  • setstxt=Set
  • cfwd=
  • cbwd=
  • caps=1
  • inout=1
  • links=1
  • script=1
  • 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.

If you use this extensions, please post a rating and a review at extensions.joomla.org. Furthermore I appreciate everyone, supporting me with a link back to www.bretteleben.de on his/her website. The extension itself does not produce any hidden links, eastereggs or whatever.

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).

Last Updated on Sunday, 06 June 2010 13:01
 
Comments (19)
Hopefully a simple question!
19 Wednesday, 19 May 2010 09:28
Andy Jacobs

Hi

I have a site that has 2 main categories, each with a sub category that is unique and two that are shared as the site is split into 2 parts.

So we have:

General English Courses
>>>General English Course Pictures (Unique)
>>>School Pictures (Shared)
>>>City of Portsmouth Pictures (Shared)

Executive English Courses
>>>Executive English Course Pictures (Unique)
>>>School Pictures (Shared)
>>>City of Portsmouth Pictures (Shared)

So, what I want to do is have a page for each side of the site (General English and Executive English) that will just show 1 thumbnail from each category.  Then clicking on a thumbnail will take them to the relevant gallery.
Can this be done using the vsig code, or will I have to insert the thumbnails manually until the user gets to the page where I can just put the normal vsig code in.
Hopefully this makes sense!

Regards
Andy Jacobs

@Andy Jacobs
Wednesday, 19 May 2010 20:29
A. Berger

Hi Andy!

The Very Simple Image Gallery is a plugin to display galleries within content items. There is no functionality like gallery components offer. A component creates the main content, i.e. it creates pages you can link to menus and usually offers possibilities to show (nested) categories.

Using a plugin, you have to create the articles and the navigation between them yourself. About the thumbnails to link to a gallery - yes, easiest way to do this would be to insert the thumbs manually (if you are going to use the Very Simple Image Gallery).

Best regards
Andreas

Frage Design
18 Thursday, 13 May 2010 01:07
Jochen

Hallo! Erstmal muss ich sagen das die Simple Gallery super ist! Genau das was ich such!

Ich habe das Teil gerade in Arbeit und hab da aber 2 Probleme! Wäre super wenn es hier eine Lösung gibt!

1: Wie bekomme ich den Rahmen um die Fotos weg?
2: ist es möglich die Navigation in die mitte zu setzen und zwischen den Pfeilen die schrift weg zulassen, so das nur die Pfeile Links und Rechts in der mitte sind!

Danke gleich mal für die Hilfe!

@Jochen
Thursday, 13 May 2010 10:00
A. Berger

Hallo Jochen!

Naja, Du kannst einerseits das Plugin patchen, also die Position generell ändern und den Counter herausprogrammieren.
Oder aber das Ganze über CSS lösen und Dich ein wenig mit dem Stylesheet des Plugins auseinandersetzen. Du findest es unter /plugins/content/plugin_vsig/vsig.css.
Der Selektor .vsig_top img {} kontrolliert das Hauptbild und die Selektoren, die mit .vsig_ctrl beginnen, die Navigation.

Gruß
Andreas

Thumbs nicht nebeneinander
17 Thursday, 08 April 2010 18:03
Beansidhe

Huhu =)

Meine Einstellungen entsprechen genau denen aus Beispiel1, abgesehen von der Width, die bei mir 600 beträgt.
Dazu musste ich noch die Höhe angeben, da ich sonst einen Fehler angezeigt kriege. Das ist nun aber nicht das Problem,  _eigentlich_ ist alles super.
Mein Problem ist, dass die Thumbs darunter nicht in einer ordentlichen Reihe stehen, sondern abgestuft sind, das erste hat die richtige Position, das zweite beginnt mit der Oberkante 10 Pixel darunter, das dritte ist nochmal um 10 Pixel etwa versetzt.

Woran kann das liegen?

Danke und LG -
Beansidhe

@Beansidhe
Thursday, 08 April 2010 22:03
A. Berger

Hallo Beansidhe!

Da schlägt vermutlich eine Einstellung des Templates (margin) durch. Das sollte in der aktuellen Version des Plugins zwar nicht sein, passiert aber anscheinend immer noch. Ist das Template mit Artisteer erstellt?
Wenn Du einen Link zur Seite posten könntest, dann schaue ich mir das gerne an.

Und vielleicht könntest Du mal testweise den Wert für die Bildhöhe herausnehmen und mir den genauen Fehlerwortlaut mitteilen - der interessiert mich nämlich sehr. :)

Gruß
Andreas

Very Simple Image Gallery
16 Thursday, 25 February 2010 23:28
32
Hallo nochmals,
vielen dank das ging ja ruckzuck ;)
Möchte es nochmal erwähnen das ist ein super Plugin.
mfg 32
@32
15 Thursday, 25 February 2010 20:09
A. Berger
Hallo 32!

Die soeben hochgeladene Version 1.5.5 sollte das Problem beheben.

Gruß
Andreas
Very Simple Image Gallery
14 Thursday, 25 February 2010 08:37
32
Hallo nochmals,
ich habe die Ninja-Shadowbox installiert, die benutzt die JQuery.js und ist wie du vermutet hast im Quelltext verlinkt. Ok habe die shadowbox deaktiviert und nun funktioniert die Gallery einwandfrei. Gibt es denn keine andere Lösung oder irgendetwas das ähnlich ist wie die shadowbox? hatte einige getestet aber das war das einzige was funktioniert hatte :) Oder meinst du das du diesen Fehler hinbekommst? Ich danke dir trotzdem für deine schnelle Hilfe.
mfg 32
@32
13 Wednesday, 24 February 2010 21:46
A. Berger
Hallo 32!

Der Fehler ist vorgestern das erste Mal hier gemeldet wiorden und hat offensichtlich mit der aktuellen Version von JQuery, einem JavaSycript Framework zu tun. Ist dieses in Deine Seite eingebunden (im Head verlinkt)? Ich vermute ja. Dieses Framwork modifiziert die Möglichkeiten, die Elemente des DOM zu nutzen. Ich weiss noch nicht warum und wozu, aber bis ich mir das angesehen und ausgetestet habe, ist ein paralleler Einsatz nicht möglich. Du hast also im Moment nur die Möglichkei, entweder die Very Simple Image Gallery, oder die Erweiterung die das Framework JQuery braucht zu deaktivieren.

Sorry, dass ich keine besseren Nachrichten habe
Andreas
Very Simple Image Gallery
12 Wednesday, 24 February 2010 08:23
32
Hallo vielen Dank für die schnelle Antwort. Aber leider war es keiner der angegebenen Fehler.
Im Quelltext ist vsig.js verlinkt und danach kommt das script. Show caption war auf ja eingestellt und position captions ist auf inside gestellt. Javascript war oder ist natürlich auch aktiviert. Jetzt habe ich festgestellt, wenn ich die Seite im Explorer öffne, kommt eine Fehlermeldung:
`parentcode` ist Null oder kein Objekt.
vsig.js - Zeile 23
Code: 0 - Zeile 2
Hoffe Du kannst mir helfen. Wünsche noch einen schönen Tag
mfg
@32
11 Tuesday, 23 February 2010 21:10
A. Berger
Hallo 32!

Es gibt mehrere mögliche Ursachen dafür:

1.) DU hast im Backend (oder per Parameter Override) die Option "Use Script" auf "Nein" gestellt.

2.) Dein Template verlinkt das Script /plugins/content/plugin_vsig/vsig.js nicht (der Link sollte sich im Quelltext der Seite im Head-Bereich fnden lassen).Wenn dem so ist: das Script das dafür verantwortlich ist deaktivieren oder modifizieren.

3.) Du verwendest Captions und einer der verwendeten Texte schafft es durch den Einsatz von Sonderzeichen, einen JavaScript Fehler zu produzieren (einfach mal testweise die Captions deaktivieren, wenn das das Problem ist sollte sofort alles klappen).

Gruß
Andreas
Very Simple Image Gallery
10 Tuesday, 23 February 2010 11:55
32
Hallo das Plugin ist sehr einfach handzuhaben und sieht klasse aus. Hatte es auch schon vorher installiert und benutzt was auch ohne Probleme ging.
Jetzt hab ich mehrere Galerien in einem Beitrag untereinander anzeigen lassen aber wenn ich ein Bild anklicke ladet er die ganze Seite neu und man muss wieder runterscrollen, was natürlich etwas nervig ist. Woran kann das liegen? Wäre um eine Hilfe sehr dankbar.
mfg
English
Panoramic Image Viewer
AddThis Social Bookmark Button
Who's Online
We have 27 guests online
Latest Items