Very Simple Image Gallery Plugin Beispiel07
Geschrieben von: Andreas Berger   
Sonntag, den 14. März 2010 um 14:51 Uhr


Die erste Galerie ist die Galerie wie in Beispiel 06 gezeigt. Die Höhe der Bilder wird limitiert, dadurch entsteht bereits ein ruhiger Gesamteindruck, den nur noch eines trübt: Die verschiedenen Formate der Thumbnails. Die nächste Galerie zeigt eine Alternative:

 

Die Änderung der zweiten Galerie gegenüber der ersten ist der Parameter "Crop thumbnails". Für die zweite Galerie ist er auf "crop" gesetzt.

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:287
  • Image quality: 90
  • Align the gallery: Mitte
  • Thumbnail width: 90
  • Thumbnail height: 60
  • Crop thumbnails: crop
  • 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? Ja
  • Position of captions? Inside
  • Use links? Ja
  • Link original image: Nein
  • Image root: /images/stories/
  • Buttonfolder: /images/stories/vsig_buttons/
  • Use JavaScript? Ja
  • Switch on hover thumb? Nein
  • Preload images? Nein
  • File names as tooltips? Nein
  • 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=287
  • imquality=90
  • align=1
  • twidth=90
  • theight=60
  • crop=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


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. Bitte geben Sie bei Ihrer Frage die verwendete Joomla! Version an und posten Sie bei Problemen - soweit möglich - einen Link zur betroffenen Seite.

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

Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten.

Zuletzt aktualisiert am Sonntag, den 20. März 2011 um 13:34 Uhr
 
Kommentare (11)
Bilder nicht zusammenhängend
11 Donnerstag, den 10. Februar 2011 um 08:54 Uhr
Anja Petersen

Hallo,

ich bin ein absoluter Anfänger.... Warum sind bei meiner Gallerie die unteren Bilder nicht eng beieinander?

Bei mir kann ich auch nur diese Punkte bearbeiten, warum nicht mehr? Was mache ich falsch?

CSS Gallery Version: 1.3.4
for support and updates visit: www.bretteleben.de

Gallery
Settings regarding the gallery in general.
Gallery width    
Gallery height    
Image quality    
Align the gallery    
Sort order    
Preload images?     Ja Nein
Fixed Startimage     Ja Nein

Thumbnails
Settings regarding the thumbnails (size, quality, position, ...).
Thumbnails per row    
Thumbnail quality    

Additional Features
Enable/Disable Links and Captions (see Howto Plugin Code).
Show captions?     Ja Nein
Use links?     Ja Nein

@Anja Petersen
Donnerstag, den 10. Februar 2011 um 17:43 Uhr
A. Berger

Hallo Anja!

Vielleicht ist das Grundproblem das, dass Du nicht dieses Plugin, die "Very Simple Image Gallery" installiert hast, sondern ein anderes Galerie-Plugin von mir, die "CSS Gallery". Layout und Möglichkeiten der beiden Erweiterungen sind unterschiedlich.

Gruß
Andreas

ohne thumbs
10 Dienstag, den 19. Oktober 2010 um 21:38 Uhr
Michael

Hi,

ich möchte das Plugin für meine Startseite installieren. Geht das auch ohne Thumbs anzuzeigen und ohne Start oder andere Buttons ?
Also nur eine Slideshow die ausgewählte Bilder zeigt.

Gruß Michael

@Michael
Dienstag, den 19. Oktober 2010 um 21:42 Uhr
A. Berger

Hallo Michael!

Nein, das geht schion alleine deshalb nicht, weil das Plugin keine Slideshow-Funkltionalität besitzt. Du findest allerdings im Menü links auf der Seite das "Simple Picture Slideshow" Plugin, das kann das. Und ist eine Slideshow. :)

Gruß
Andreas

Photo is horizontal, should be vertical
9 Montag, den 18. Oktober 2010 um 17:29 Uhr
Liz Collins

Hi,

I've installed VSIG into my Joomla 1.5.21 site - I love the gallery, but it is displaying a vertically-oriented photograph horizontally. Your help is much appreciated.

You can see the issue here: http://www.auroracolonywoodturning.com/index.php?option=com_content&view=article&id=49&Itemid=27

Thank you!
Liz

@Liz Collins
Montag, den 18. Oktober 2010 um 17:44 Uhr
A. Berger

Hi Liz!

Easy to solve: rotate the original. It is horizontally oriented now.
Original image: http://www.auroracolonywoodturning.com/images/newgallery/tablelegs.jpg

Best regards
Andreas

portrait pictures stretch out (2)
8 Mittwoch, den 06. Oktober 2010 um 22:39 Uhr
Cynthia

I have a very weird thing going on here:


When I put 1 gallery on the page, the portrait picture extends to the full width so it  distorts.


When I put 2 galleries on the same page, the gallery below works good, the one above doesn't. When I flip these 2 galleries, so that the one below is now above, again the gallery below works (while it didn;t work when it was in the above position).


Example:


gallery 2 sits below gallery 1: http://www.elliance.nl/panacea/rt_panacea_j15-rocketlauncher/index.php?option=com_content&view=article&id=104&Itemid=202


gallery 1 sits below gallery 2: http://www.elliance.nl/panacea/rt_panacea_j15-rocketlauncher/index.php?option=com_content&view=article&id=105&Itemid=201


How can I make it work with showing just one gallery?

Best regards,
Cynthia

portrait pictures stretch out (2)
Sonntag, den 10. Oktober 2010 um 15:31 Uhr
Cynthia

Hi Andreas,

You found the problem spot on! By disabling the smartload functionality, the portrait pictures keep their own size. Thanks man!

Cynthia

@Cynthia
Donnerstag, den 07. Oktober 2010 um 21:54 Uhr
A. Berger

Hi Cynthia!

Please temporarily disable extensions that modify images/image-behavior(e.g. the extension that influences the loading of images "class="smartload") and check again.

Best regards
Andreas

Adding Features
7 Donnerstag, den 08. Juli 2010 um 08:31 Uhr
Shaun

Hey there

1stly vsig is still my favorite image plugin, I was trying to find a gallery that can...

1. automatically change between images on main image with thumbs underneath that can also be clicked on.
2. if there were say 200 photos have a scrolling option beneath the Thumb images with a fixed amount of thumbs displayed eg. >> or 1. 2. 3
3. when clicking on the main image it will open in a lightbox with navigation

I know this is a lot but is this possible to do?

@Shaun
Donnerstag, den 08. Juli 2010 um 21:43 Uhr
A. Berger

Hi Shaun!

1.) I guess you mean a change of the main image when clicked - no, the click on the main image is reserved for the feature "Links"
2.) No, limiting thumbs per page is done by the feature "Sets".
3.) I guess about 50 out of the 57 gallery extensions listed in the category Photo Gallery at extensions.joomla.org at the moment are using modal windows (lightbox, shadowbox, ...). I initially forked this plugin from one of them to get rid of the ligthbox. I don't like modal windows and my two gallery extensions will stay "Web 1.0" galleries - without modal window. :)

Best regards
Andreas

Link to vsig.js does not get included in page. Call to 'switchimg()' therefore not working
6 Montag, den 28. Juni 2010 um 00:07 Uhr
Tom

Hey,

I have the problem, that for some reason the "vsig.js" does not get included in my page.
Therefore the call to 'switchimg' does not work...

Please advise!!

@Tom
Montag, den 28. Juni 2010 um 21:54 Uhr
A. Berger

Hi Tom!

Check if there is a section of CSS for the gallery (look out for selectors containing "vsig"). If the CSS is there, you are either using an extension to remove JavaScript (probably meant for mootools.js and caption.js) from the head of the page that does it's job too good and filters every JavaScript, not only the two mentioned or there is a snippet in the head of the index.php of the template you are using, that does the same job. In both cases: Either deactivate this script or modify it to remove just the two JavaScripts it is meant for.

If there is no CSS for the Very Simple Image Gallery in the head of the page, maybe your template generally does not include Joomla! head data. This is a bad idea at all. If so - change this (jdoc:include type="head") or switch the template.

Best regards
Andreas

png convert error
5 Samstag, den 26. Juni 2010 um 18:01 Uhr
James Hobson

Hi Andreas,

I've just downloaded and tested your gallery plugin with a folder of jpeg and png images. After adding your code to an article and previewing the gallery I've now got 2 new folders within the images source folder I specified as shown below.
The problem is the png thumbs - as you can see they are blank...? Is this a bug or a problem with my install?

Cheers,
James

http://localhost/Screen-shot-2010-06-26-at-17.56.jpg

@James Hobson
Montag, den 28. Juni 2010 um 22:22 Uhr
A. Berger

Hi James!

The link you posted is a link to an image on your PC and therefore does not work for me. Anyway, please try to open the original png files directly from your browsers addressbar (http://localhost/PATH_TO_IMAGE_FOLDER/IMAGE.PNG) to check if they can be shown at all. If they work fine, please provide one or two of them (either upload them anywhere or send them by email). I will have a look at them.

Best regards
Andreas

photos
4 Samstag, den 12. Juni 2010 um 16:17 Uhr
harky

Hi is there anyway i can Image root from my main folder??


e.g i install simple gallery on domains/xxx.com/public_html/fc/
but my image is located at domains/xxx.com/public_html/image/

@harky
Montag, den 14. Juni 2010 um 19:32 Uhr
A. Berger

Hi harky!

I confess, I haven't tried this up till now. At the least you will have to patch the script /plugins/content/vsig.php. Second you will have to check, if Joomla! creates files outside it's own root directory.
Up till now the plugin offers to set the image root to the Joomla! root or a folder within and I will keep this because I think it is the by far most common way the plugin will be configured. In addition, I personally prefer to keep the files that belong to a site within it's main folder.

Best regards
Andreas

oh, finally..
3 Freitag, den 23. April 2010 um 11:14 Uhr
luxferre

i love you guys!

how to display URL images??
2 Dienstag, den 20. April 2010 um 04:49 Uhr
vicky

hi,

how can i display URL images such as,
picasaweb.google.com/107879680341126200964/Desktop#5461893106547009314
in this plugin.

-vicky

@vicky
Dienstag, den 20. April 2010 um 19:52 Uhr
A. Berger

Hi Vicky!

You can't, the plugin does not support external sources.

Best regards
Andreas

Deutsch
Panoramic Image Viewer
Follow me on Google+

bretteleben.de

Add to circles

Wer ist online
Wir haben 37 Gäste online