2010-08-01
Very Simple Image Gallery Plugin Beispiel04
Geschrieben von: Andreas Berger   
Montag, den 23. November 2009 um 19:13 Uhr
Titel Bild01
Titel Bild01Text Bild01
Titel Bild01
Titel Bild02
Default-Titel
Default-Titel
Default-Titel
Titel Bild08

 

 

bild01
bild02
bild03
bild04
bwd  Set 1/2  fwd

Dieses Beispiel zeigt die Verwendung mehrerer Galerien in einem Beitrag. Die Annahme ist, dass die Einstellung für die erste Galerie im Backend getroffen und die zweite Galerie mittels Parameter Overrides konfiguriert wird. Die erste Galerie verwendet zudem Captions, der zweiten Galerie ist ein Default-Link zugewiesen. Natürlich könnten auch beide Galerien mittels Parameter Overrides konfiguriert werden.

Einstellungen im Konfigurationspanel des Plugins

Die Einstellung für die erste Galerie im Backend:

  • 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:
  • 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)
{*vsig_c}0||Default-Titel|Default-Text{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild01.jpg|Titel Bild01|Text Bild01{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild02.jpg|Titel Bild02|{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild03.jpg||Text Bild03{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild04.jpg||{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild08.jpg|Titel Bild08|Text Bild08{/vsig_c*} - (ohne die Sterne)

Overrides

Mittels Parameter Overrides konfigurieren wir nun die zweite Galerie. Die erforderlichen Parameter (eine komplette Liste siehe Beispiele 1-3 und "Anleitung Plugin Code") sind:

  • twidth=69
  • theight=46
  • space=4
  • right=1
  • area=22
  • sets=4
  • setstxt=Set


Hinweis: Die Anzeige der Thumbnails rechts vom Hauptbild in Kombination mit der Verwendung von Sets ist ein wenig tricky und erlaubt im Firefox bislang nicht, den verfügbaren Platz ganz auszunutzen (Deshalb ist die zweite Galerie gegenüber der ersten rechts eingerückt). Ich arbeite am CSS und werde versuchen, das in Folgeversionen zu beheben.

Und so sieht der Code aus. Die erste Zeile ruft die Galerie auf. Natürlich muss es nicht zweimal der selbe Ordner sein - das ist hier nur meiner Bequemlichkeit geschuldet. Die zweite Zeile definiert den Default-Link. Wichtig dabei der erste Parameter "1" für die zweite (0,1,2,3,...) Galerie im Artikel:

{*vsig}verysimple|twidth=69|theight=46|space=4|right=1|area=22|sets=4|setstxt=Set{/vsig*} - (ohne die Sterne)
{*vsig_l}1||http://extensions.joomla.org/extensions/photos-&-images/photo-gallery/6301/details|Default Link|_blank{/vsig_l*} - (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:05 Uhr
 
Kommentare (6)
very simple image gallery
6 Samstag, den 15. Mai 2010 um 06:02 Uhr
cyril prabhu

Respected Sir,


please send very simple image gallery sample04 code send me


my mail id cyril.prabhu5gmail.com

@cyril prabhu
Samstag, den 15. Mai 2010 um 11:39 Uhr
A. Berger

Hi Cyril!

There is nothing to send. You may download the plugin at the page "Very Simple Image Gallery", insrtall it and use the settings explained on this page.

Best regards
Andreas

@Christian
5 Donnerstag, den 31. Dezember 2009 um 06:10 Uhr
A. Berger
Hallo Christian!

Das Plugin zeigt jeweils die Bilder eines Ordners (natürlich kann für jede Galerie ein eigener Ordner festgelegt werden), wie Du die Ordner im Media Manager untergliederst ist dem Plugin dabei egal.
Wenn es Dir darum geht, die Bilder aller Ordner in einer einheitlichen Galerie-Oberfläche zu verwalten (also die Bilder der Hauptinhalt sind und nicht Teil eines Artikels), dann bist Du vermutlich mit einer Galerie-Komponente besser bedient als mit einem Galerie-Plugin wie der Very Simple Image Gallery. Sowohl auf joomlaos.de als auch auf extensions.joomla.org findest Du einige davon.

Gruß
Andreas
Ordnerstruktur
4 Mittwoch, den 30. Dezember 2009 um 11:27 Uhr
Christian
Hi!

Ist es eigentlich möglich das man eine Ordnerstruktur für die Galerien zu bauen?
Sprich:
->Bilder
-->Galery1
-->Galery2
-->Galery3
usw.

Sonst wird es bei mehreren Galerien unübersichtlich denke ich.

Danke für die Tolle Gallery

lg Christian
Thumbnails links
3 Mittwoch, den 25. November 2009 um 14:08 Uhr
McAce
wirklich schade aber Danke für die Auskunft
@McAce
2 Dienstag, den 24. November 2009 um 22:00 Uhr
A. Berger
Hallo McAce!

Ich bedaure, aber bislang ist das ohne ein massives patchen des Plugins schlicht nicht möglich.

Gruß
Andreas
Thumbnails links vom Hauptbild
1 Dienstag, den 24. November 2009 um 19:23 Uhr
McAce
Erstmal ein dickes Danke für diese tollen Gallerien.

Könnten sie mir einen Tipp geben wie ich es hinbekomme das die Thumbnails nicht rechts auf der Seite stehen sondern links.

Das wäre wirklich klasse

Vielen Dank

McAce
Deutsch
Panoramic Image Viewer
AddThis Social Bookmark Button
Wer ist online
Wir haben 33 Gäste online
Neueste Beiträge