SIGE - Simple Image Gallery Extended


This is a demo of the latest release of the Joomla! content plugin Simple Image Gallery Extended

Simple Image Gallery Extended is one of the best rated and most downloaded content gallery extension for Joomla!.

Check out the project page for more information, download and support: Simple Image Gallery Extended

Don't forget to rate the plugin in the Joomla! Extensions Directory to support the further development: Simple Image Gallery Extended in Joomla! Extensions Directory

With the help of the parameters every gallery can be unique, so this demo can not show the hundred of possible variations of the parameters usage. See here for a complete list: Parameters list

There are many more features (information from text file, turbo mode, resize original images etc.) which are not demonstrated in this demo. Just try it yourself!

Shadowbox is used in this demo. The text is in German, but is not hard to understand and the syntax call is not dependent on the language! :-)

Beispielgalerie 1 - normal und mit Parameter

ohne Parameter - es werden globale Einstellungen des Plugins benutzt

  • Desert Landscape
  • Winter Leaves

mit Parameter - gewählt: kein Slimbox-Effekt, On-the-fly-Methode, Seitenverhältnisse nicht beibehalten, Größe 100, vertikaler Abstand 20, Qualität 50

Code:
{gallery}Bildordner,noslim=1,thumbs=0,ratio=0,width=100,height=100,gap_v=20,quality=50{/gallery}

  • Desert Landscape
  • Winter Leaves

Beispielgalerie 2 - Limitierung

Es können mehrere Galerien / Verzeichnisse in einem Artikel eingelesen werden!

In dieser Galerie ist ein Verzeichnis mit 10 Bildern gewählt, die Option "Anzahl der angezeigten Bilder" ist auf 5 gestellt. Es werden 5 Vorschaubilder angezeigt, die restlichen Bilder können in der Galerie (Slimbox-Ansicht) angeschaut werden.

ohne Parameter

  • Creek
  • Dock
  • Forest Flowers
  • Forest
  • Frangipani Flowers
  • Green Sea Turtle
  • Humpback Whale
  • Oryx Antelope
  • Toco Toucan
  • Waterfall

mit Parameter - gewählt: Limitierung deaktiviert, Reihenfolge zufällig, Größe 100, vertikaler / horizontaler Abstand 20, Artikelname an

Code:
{gallery}Ordner,limit=0,random=1,width=100,height=100,gap_h=20,gap_v=20,displayarticle=1{/gallery}

  • Forest Flowers
  • Creek
  • Toco Toucan
  • Forest
  • Waterfall
  • Dock
  • Humpback Whale
  • Frangipani Flowers
  • Oryx Antelope
  • Green Sea Turtle

Beispielgalerie 3 - aus dem Root-Verzeichnis

Diese Galerie wird nicht aus dem Standardverzeichnis (images/stories) geladen, sondern aus dem Verzeichnis plugins/sige ausgehend vom Rootverzeichnis. Des Weiteren werden Bildunterschriften eingeblendet.

Code:
{gallery}plugins/sige,root=1,caption=1{/gallery}

  • Green_Sea_TurtleGreen_Sea_Turtle
  • Oryx_AntelopeOryx_Antelope
  • Toco_ToucanToco_Toucan

Beispielgalerie 4 - IPTC, Druck- und Downloadoption - Einzelbild

Wie Galerie 3, jedoch werden die Informationen aus den IPTC - Daten des jeweiligen Bildes geladen. Zusätzlich wird in der Slimbox / Lytebox die Druck- und Downloadoption angezeigt. (ab Version 1.5-10 des Plugins!)

Code:
{gallery}plugins/sige,root=1,caption=1,iptc=1,print=1,download=1{/gallery}

  • Green Sea TurtleGreen Sea Turtle
  • Oryx AntelopeOryx Antelope
  • Toco ToucanToco Toucan

Einzelbild - durch den Parameteraufruf single lässt sich ein einzelnes Bild aus dem gewählten Ordner anzeigen. Wichtig: der Bildname samt Dateiendung müssen komplett angegeben werden! Mit salign kann ein Einzelbild ausgerichtet werden. Im Beispiel sind zwei Einzelbilder zu sehen, die über den Parameter connect miteinander in der Galerie verbunden sind.

{gallery}plugins/sige,single=Toco Toucan.jpg,salign=right,connect=sige{/gallery}

  • Toco ToucanToco Toucan

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

{gallery}plugins/sige,single=Green_Sea_Turtle.jpg,salign=left,connect=sige{/gallery}

  • Green Sea TurtleGreen Sea Turtle

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

{gallery}plugins/sige,single=Oryx_Antelope.jpg,salign=center,connect=sige{/gallery}

  • Oryx AntelopeOryx Antelope

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem


Beispielgalerie 5 - Liste und Crop (Bildauschnitt)

Listendarstellung - Bilder werden durch den Paramteraufruf list in einer Liste (ohne Thumbnails) dargestellt.

{gallery}Bildordner,list=1{/gallery}

Bildausschnitt - Bilder können unabhängig ihres Formats als einheitliche Galerien dank der Crop-Funktion angezeigt werden. Im Beispiel sind 2 Bilder im Hoch- und 3 im Querformat. Über den Cropfaktor lässt sich die "Zoom"stufe bestimmen. Mit dem Zoom kann man einen schönen Effekt erzielen.

{gallery}Bildordner,crop=1,crop_factor=50,ratio=0,thumbs=0{/gallery}

  • Desert Landscape
  • Green Sea Turtle
  • Oryx Antelope
  • Toco Toucan
  • Winter Leaves

{gallery}Bildordner,crop=1,crop_factor=20,ratio=0,width=100,height=300,thumbs=0,random=1{/gallery}

  • Green Sea Turtle
  • Toco Toucan
  • Winter Leaves
  • Desert Landscape
  • Oryx Antelope

{gallery}Bildordner,crop=1,crop_factor=20,ratio=0,width=300,height=100,thumbs=0,random=1{/gallery}

  • Toco Toucan
  • Desert Landscape
  • Oryx Antelope
  • Green Sea Turtle
  • Winter Leaves

Beispielgalerie 6 - CSS Bildertooltip

Bilder können mit dem Parameter css_image mit einem schönen Tooltip angezeigt werden. Bei einem Klick auf das Bild wird das Bild in der JS-Ansicht angezeigt. Zusätzlich werden die Bilder mittels css_image_half in halber Größe angezeigt.

{gallery}plugins/sige,css_image=1,css_image_half=1{/gallery}

  • Green_Sea_TurtleGreen_Sea_Turtle
  • Oryx_AntelopeOryx_Antelope
  • Toco_ToucanToco_Toucan


Beispielgalerie 7 - Wasserzeichen setzen und Sortierung nach Änderungsdatum

Wasserzeichenfunktion - Es kann ganz einfach ein Wasserzeichen auf den Bildern angezeigt werden, z.B.: ein Logo. Das Bild watermark.png kann unter /plugins/content/plugin_sige/ ausgetauscht werden. Änderungsdatum - Mit random = 4 oder random = 5 können die Bilder nach Änderungsdatum (auf- oder absteigend) sortiert werden.

{gallery}Bildordner,watermark=1,watermarkposition=0,random=5{/gallery}

  • Winter Leaves
  • Toco Toucan
  • Desert Landscape
  • Oryx Antelope
  • Green Sea Turtle