2010-09-07
Very Simple Image Gallery Plugin Beispiel05
Geschrieben von: Andreas Berger   
Montag, den 23. November 2009 um 19:14 Uhr
bild01
bwd  Image 1/8  fwd

 

Das letzte Beispiel ist ein kleines Dankeschön an alle, die sich bis hierher durchgequält haben. Die angezeigte Galerie nutzt eine ansonsten nicht dokumentierte Funktion. Gibt man beim Parameter "Sets" als Länge des Sets 1 an, dann wird kein Thumbnail angezeigt und man erhält eine nette kleine Galerie zum Durchklicken. Vielleicht kann das ja der Eine oder Andere brauchen.

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: 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: 1
  • Label sets: Image
  • 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=90
  • theight=60
  • crop=
  • quality=80
  • space=5
  • right=2
  • area=30
  • sort=0
  • sets=1
  • setstxt=Image
  • 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|width=430|align=1{/vsig*} - (ohne die Sterne)


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

Ich freue 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 Samstag, den 28. August 2010 um 21:10 Uhr
 
Kommentare (22)
@frances
12 Sonntag, den 03. Januar 2010 um 14:54 Uhr
A. Berger
Hi frances!

The problem with the code shown is probably caused by the module you are using to display the plugin. I can recommend the extension "Plugin in Module", it is GPL, non-commercial and - as far as I tested up till now - works fine.

http://extensions.joomla.org/extensions/core-enhancements/embed-a-include/6713

Best regards
Andreas
using the vsig as a single image link
11 Sonntag, den 03. Januar 2010 um 13:11 Uhr
frances
Thank you again for vsig. I am using it for my photogallerys. I would also like to use it on my front page as a way to use an image with rollover caption as a link to an artcle within the joomla site. I tried this - by putting only one image in the image folder and it was just the code that come up on the front page. Am i pushing the module too far! I used place here module to place the article in my front page right column.
x Frances
@Santelmo
10 Samstag, den 12. Dezember 2009 um 21:03 Uhr
A. Berger
Hallo Santelmo!

Ich gebe zu, die Frage überfordert mich ein wenig. :)

Wäre es möglich dass Du einen Link einerseits zur Seite mit dem Plugin (dort wo es Missstände gibt) und andererseits zu einer "funktionierenden" Seite postest? Ich schau mir das gerne an. Auf Basis Deiner Frage alleine getraue ich mich nicht, irgendwelche Empfehlungen auszusprechen.

Gruß
Andreas
CSS unter VSI nicht korrekt
9 Samstag, den 12. Dezember 2009 um 10:50 Uhr
Santelmo
Hallo,

erstmal vielen Dank für dieses coole Plugin.
Jetzt habe ich aber ein kleines Problem, wenn ich dieses Sample verwende und unterhalb noch Text stehen habe, dann sind anscheinend die CSS Einstellungen der Seite falsch. Die Abstände zum Seitenrand sind dann nicht mehr die gleichen wie gewünscht, der Text klebt direkt am rechten und linken Rand meiner Seite.

Wie kann ich das ändern, oder was ist falsch eingestellt?

Vielen Dank und schönen Gruss
@frances
8 Sonntag, den 06. Dezember 2009 um 22:29 Uhr
A. Berger
Hi frances!

The option to clivk from one image to the next by button is not part of my road map. This option will stay reserved for the navigation from between sets. Future versions will get the additional feature of a slideshow, but there are a lot of other things to do and bugs to fix before this.

About setting captions and links from the configuration-panel: This might be a good idea for a module, but the plugin has to work for multiple galleries and therefor the two ways to set additional textual information (captions, links) are within the article (helps me not to forget to translate what I set in Joomfish) or by an external text-file (might be an additional option for future releases too).

Best regards
Andreas
next and previous
7 Sonntag, den 06. Dezember 2009 um 13:24 Uhr
frances
thank you for a great plugin very helpful and clear and elegant and seems to be the only one of its kind for joomla.

I would like to be able to show thumbnails and click through slideshow at the same time is there any way of doing thsi rather than just one or the other as you mention in sample 5

Also agree it would be great to be able to insert the captions and the images via the parameters window

thank you so much
I dont know what id do without it!
@VidolS
6 Mittwoch, den 02. Dezember 2009 um 20:52 Uhr
A. Berger
Hi VidolS!

To use buttons, in your media manager create a folder /media/stories/vsig_buttons (or: /images/stories/vsig_buttons seen with your ftp-client) and upload your buttons to it (refer to Howto Plugin > Installation > Pt.19).

Best regards
Andreas
trouble
5 Mittwoch, den 02. Dezember 2009 um 12:53 Uhr
VidolS
I wanna use images for navigation bar, like the example, but instead of showing the pictures show me the text "bwd.png" and "fwd.png"

The images should be upload in a different folder or in the same folder the gallery?

I config in the plugins following the example, and add some lines in the code.

my code: {*vsig}lpm1|width=430|align=1|sets=1|setstxt=Image|cfwd=fwd.png|cbwd=bwd.png{/vsig*} (without asterisk)

Could be somebody help me? o Show me the correct Code and config.

Thanks =)
@Lina
4 Dienstag, den 01. Dezember 2009 um 20:52 Uhr
A. Berger
Hi Lina!

The error has nothing to do with the number of galleries you are using in one article. It is caused by the fact, that you managed to configure one of the galleries in a way that "thumbnail-width" PLUS "10" PLUS "space-between-thumbnails" results in zero. A configuration that does not make sense (as far as I can see) and causes the error. Please check the settings of your galleries.

Best regards
Andreas
Several calls within one article?
3 Montag, den 30. November 2009 um 22:39 Uhr
Lina
Hi Andreas,
it's me again. I continue my experiments with your gallery. I am trying to put several calls within 1 article - each one with different parameters and galleries. Then it returns an error saying: Warning: Division by zero in /var/www/projex/joomla2/plugins/content/vsig.php on line 188.

Can you pls let me know whether what I am trying to do is a valid usage of your gallery and how can I handle this error.

Best regards: Lina