Kubik-Rubik.de - Viktor Vogel

Startseite Joomla Plugin - SIGE - Simple Image Gallery Extended - Joomla

Plugin - SIGE - Simple Image Gallery Extended - Joomla

Erweiterung des bekannten Plugins "Simple Image Gallery"

Plugin: SIGE - Simple Image Gallery Extended
Funktion: Galerie im Artikel - Bilder werden aus angegebenem Pfad geladen
Version: 1.5-13 und 1.0-1
Joomla Version: 1.5.x und 1.0.x
Sprachen: Deutsch / Englisch

Gelistet in: Joomla! Extensions Directory
Gefällt dir das Plugin? Dann schreib bitte ein kurzes Review und bewerte es positiv!

Das Plugin "Simple Image Gallery" von JoomlaWorks.gr erstellt eine Galerie im Artikel, in dem "on-the-fly" Vorschaubilder generiert werden. Klickt man auf ein Vorschaubild, wird es mit der Slimbox groß angezeigt. Probleme bei der Free-Version: Sehr Performance-intensiv und nicht XHTML valide. Ich habe das Plugin erweitert und optimiert. Vorschaubilder können beim ersten Aufrufen generiert und im Ordner thumbs im angegebenem Verzeichnis abgespeichert werden. Beim nächsten Aufruf werden nur die bereits optimierten Vorschaubilder geladen. Vorteil: die Bilder werden viel schneller geladen und müssen nicht jedes Mal neu erstellt werden!

Mittlerweile hat sich SIGE zu einem sehr mächtigen Galerie-Contentplugin entwickelt. Dank zahlreichem Feedback der Community wurden Features wie Parameteraufruf, Wasserzeichenfunktion, IPTC Daten einlesen, Sortierung nach Änderungsdatum auf dem Server, Listenansicht uvm. eingebaut!

Features dieser Version

• Thumbnailgenerierung und -speicherung: Vorschaubilder werden erstellt und gespeichert - schnelleres Laden, bessere Qualität
• XHTML 1.1 valide - CSS und JS-Dateien werden im head-Bereich eingebunden, Syntaxfehler beseitigt (nur Version für Joomla 1.5)
• Parameteraufruf - individuelle Galerien möglich
• Einbindung von Slimbox, Lytebox, Shadowbox und Mootools optional, wenn sie nicht bereits durch andere Komponenten (Mootools von Joomla) eingebunden werden
• Slimbox auf Version 1.57 für Mootools 1.12 aktualisiert
• Lytebox zur Darstellung einer Diashow und Vermeidung von JS-Konflikten eingebaut
• Shadowbox zur Anzeige der Bilder eingebunden
• Anzahl der angezeigten Bilder einstellbar
• Bilder können ohne Slimbox/Lytebox-Effekt (Verlinkung) angezeigt werden
• Zufällige Reihenfolge der Bildanzeige möglich
• Sortierung nach Änderungsdatum möglich
• Bildunterschrift einblenden
• IPTC Daten auslesen (Title und Description)
• Druckoption - Bild in der JS-Ansicht bequem ausdrucken
• Downloadoption - Bild mit einem Klick runterladen
• Einzelbild anzeigen - das Plugin kann auch einzelne Bilder anzeigen
• Listenansicht - Bilder als Liste ausgeben
• Crop - Bildausschnitt anzeigen lassen
• Wasserzeichen-Funktion
• Backend deutsch / englisch

This is an extended version of the popular plugin "Simple Image Gallery"

Features of this version:

• Thumbnail creation and storage: thumbnails are created and stored - faster loading, better quality
• XHTML 1.1 valid - CSS and JS files are included in the head section, syntax error fixed (only version for Joomla 1.5)
• Parameter call - individual galleries are possible
• Inclusion of Mootools and Slimbox optional, if they are not included by other components (e.g. mootools.js from Joomla)
• Slimbox updated on Version 1.57 for MooTools 1.12
• Number of images displayed is adjustable
• Images can be displayed without the slimbox effect (like a Web1.0 Gallery)
• Backend German / English
• and many more!

Presse

Eintrag bei JoomlaOS.de: Simple Image Gallery Extended bei JoomlaOS.de

Joomla-Galerien.de hat einen Artikel über das Plugin veröffentlicht: Simple Image Gallery Extended bei Joomla-Galerien.de

Joomla-Downloads.de hat das Plugin in die Downloadsektion übernommen: Simple Image Gallery Extended bei Joomla-Downloads.de

2. Artikel bei Joomla-Downloads: Simple Image Gallery Extended - Artikel bei Joomla-Downloads.de

Joomla-Fulda.de hat eine Anleitung zur Nutzung des IPTC-Features geschrieben: Anleitung - IPTC mit XnView und IrfanView

Installation

Plugin im Adminmenü über Erweiterungen installieren und unter Erweiterungen - Plugins - Simple Image Gallery Extended - Plugin anpassen und aktivieren.

Update

Nutzung des Plugins

Mit { gallery }Ordner{ /gallery } (ohne Leerzeichen (!) und Ordner muss im Verzeichnis images/stories liegen) lässt sich die Galerie an der gewünschten Stelle einbinden. Die Galerie kann über Parameter gesteuert werden. (siehe Parameterliste)

Beispiel

• Einen Ordner im Verzeichnis images/stories erstellen. Zum Beispiel: bilder09 - Pfad ist demnach images/stories/bilder09
• Bilder in den neuen Ordner laden
• Im Artikel an gewünschter Stelle eingeben:

{ gallery }bilder09{ /gallery } (ohne Leerzeichen)

Parameterliste

Galerien können individuell über Parameter im Syntaxaufruf eingestellt werden.

Mögliche Parameter

width - Breite der Vorschaubilder - Beispiel: 300
height - Höhe der Vorschaubilder - Beispiel: 300
gap_v - vertikaler Abstand - Beispiel: 30
gap_h - horizontaler Abstand - Beispiel: 30
quality - Qualität (jpg) - möglich: 1-100
quality_png - Qualität (png) - möglich: 1-9 (Kompressionsstufe)
displaynavtip - Navigationstipp einblenden - 1 = ja, 0 = nein
displayarticle - Artikelname einblenden - 1 = ja, 0 = nein
thumbs - Vorschaubilder generieren und abspeichern - 1 = ja, 0 = nein
limit - Limitierung einschalten - 1 = ja, 0 = nein
limit_quantity - Anzahl der Bilder - Beispiel: 10
noslim - Slimbox-Effekt ausschalten - 1 = ja, 0 = nein
random - zufällige Reihenfolge - 1 = ja, 2 = nein, aufsteigend, 3 = nein, absteigend, 4 = nach Änderungsdatum aufsteigend, 5 = nach Änderungsdatum absteigend
root - Pfad zu den Bildern ausgehend vom Rootverzeichnis - 1 = ja, 0 = nein
ratio - Seitenverhältnisse der Bilder beibehalten - 1 = ja, 0 = nein
caption - Bildunterschrift anzeigen - 1 = ja, 0 = nein
iptc - Titel und Beschreibung aus IPTC Daten - 1 = ja, 0 = nein
iptcutf8 - IPTC Daten bereits utf8-kodiert? - 1 = ja, 0 = nein
print - Druckoption in Slimbox / Lytebox anzeigen - 1 = ja, 0 = nein
count - Zählvariable manuell setzen - Beispiel: 5
single - Einzelbilder anzeigen - Beispiel: name-des-bildes.jpg
salign - Einzelbilder ausrichten - Beispiel: left / right
connect - Einzelbilder in eine Galerie verbinden - Beispiel: bildset
download - Downloadbutton anzeigen - 1 = ja, 0 = nein
list - Bilder als Liste anzeigen - 1 = ja, 0 = nein
crop - Crop aktivieren - 1 = ja, 0 = nein
crop_factor - Zoomstufe - Beispiel 50 für 50 Prozent (ohne % angeben!)
thumbdetail - Bildausschnitt für Thumbnail wählen - 0 = 1:1, 1 = oben links, 2 = oben rechts, 3 = unten links, 4 = unten rechts
watermark - Wasserzeichen aktivieren - 1 = ja, 0 = nein
watermarkposition - Position des Wasserzeichens - 0 = zentriert, 1 = oben links, 2 = oben rechts, 3 = unten links, 4 = unten rechts
watermark_trans - Transparenz des Wasserzeichens - 0 bis 100 - 0 = Undurchsichtig, 100 - komplett transparent
encrypt - Verschlüsselungsmethode - 0 = ROT13 - sehr schwach, aber schnell. 1= MD5 - sicher, relativ schnell. 2 = SHA1 - sehr sicher, langsamer als MD5
image_info - Bildnamen oder IPTC-Werte anzeigen - 1 = ja, 0 = nein

Benutzung

Aufruf: PARAMETER=WERT. Die Parameter werden mit einem Komma getrennt. Die Reihenfolge ist nicht relevant, wichtig ist nur, dass das Bildverzeichnis an erster Stelle steht.

Beispiel

Limitierung deaktiviert, Reihenfolge zufällig, Größe 100, vertikaler / horizontaler Abstand 20, Artikelname an

Code (ohne Leerzeichen!):

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

Kein Slimbox-Effekt (Web 1.0-Galerie), Einzelbild bild.jpg, IPTC Daten anzeigen, Druckoption aktiviert, Zählvariable auf 5

Code (ohne Leerzeichen!):

{ gallery }Bildordner,noslim=1,single=bild.jpg,iptc=1,print=1,count=5{ /gallery }

Galerie in Listenform, Downloadbutton anzeigen, Bilder im Set "bilder" anzeigen, IPTC Daten sind utf8-kodiert

Code (ohne Leerzeichen!):

{ gallery }Bildordner,list=1,download=1,connect=bilder,iptcutf8=1{ /gallery }

Weitere Beispiele können auf der Demoseite angeschaut werden.

Versionshistory

Joomla 1.5

Version 1.5-13

- Wasserzeichen-Funktion (mit wählbarer Position) - mit ROT13-, MD5- und SHA1-Hash Verschlüsselung. Bildnamen werden verschlüsselt, um die Originalbilder ohne Wasserzeichen nicht aufrufbar zu machen. Das Wasserzeichen kann auf 5 verschiedenen Positionen angezeigt werden. Das Bild watermark.png kann unter /plugins/content/plugin_sige/ ausgetauscht werden.
- Sortierung nach Änderungsdatum - Bilder können nach Änderungsdatum auf dem Server (auf- und absteigend) sortiert werden.
- Bilddetail - Ausschnitt für die Thumbnail-Generierung wählbar
- Zählvariable bei mehreren Artikeln wird richtig gesetzt
- Administrationsmenü umstrukturiert
- JPG Support bei PHP 5.3 richtig erkannt
- Titelausgabe in Galerie verbessert
- Code überarbeitet

Version 1.5-12 - Kommentareintrag

- Crop Funktion - Vorschaubilder als Bildausschnitt der Originalbilder anzeigen

Version 1.5-11-2 - Mini-Update Kommentareintrag

- Sortierung - Es kann eine zufällige, auf- oder absteigende Sortierung gewählt werden
- Bugfixes:
- Undefined variable: gd_support - umbenannt
- eregi_replace (DEPRECATED -> veraltet) - ersetzt mit preg_replace
- Undefined index: APP13 - Überprüfung verbessert, ob IPTC Werte gesetzt sind
- Zusatz:
- Umbenennung von sig.css zu sige.css
- GPL Lizenz als Textdatei beigefügt und in php-Datei erkenntlich gemacht
- Code-Optimierungen

Version 1.5-11 - Kommentareintrag

- Shadowbox - Einbau der Shadowbox
- Downloadbutton - das angezeigte Bild kann über einen Klick in der JS-Ansicht runtergeladen werden - Aufruf über Parameter "download" möglich.
- Einzelbildfunktion verbessert - Fließtext um Einzelbilder, Einzelbilder können links und rechts angeordnet werden ( Parameter: "salign" ), Bilder über Paramater "connect" in eine Galerie zusammenfassen
- Listendarstellung - Bilder können in einer Liste (ohne Thumbnails) angezeigt werden, durch einen Klick öffnen sie sich in der JS-Ansicht. Aufruf über Paramater "list" möglich.
- Parameter: connect - Bilder von verschiedenen Syntaxaufrufen im Artikel können in einer einzigen Galerie in der JS-Ansicht angezeigt werden (Set).
- Weitere Parameter: salign, download, list
- Bezeichnung des horizontalen und vertikalen Abstandes wurde korrigiert
- Code überarbeitet und optimiert

Version 1.5-10 - Kommentareintrag

- IPTC: Ausgabe des Titels und der Unterschrift direkt aus den Bildinformationen. Dafür werden die IPTC-Werte "Title" und "Description" benutzt. Aufruf über Parameter (iptc) möglich!
- Einzelbild: mit dem Paramter "single" lässt sich nun ein einzelnes Bild aus dem gewählten Bildordner anzeigen. Wichtig dabei ist, dass der komplette Bildname mit der Dateiendung eingegeben wird.
- Druckoption: in der Ansicht Lytebox / Slimbox wird ein Link angezeigt, mit dem sich das angezeigte Bild samt Informationen bequem ausdrucken lässt. Aufruf über Parameter (print) möglich! (Danke geht an DELANPET, der mir eine gute Vorlage geschickt hat)
- Neuer Parameter: Parameter "count", um die Zählvariable selber zu setzen. Wichtig, wenn man mehrere Artikel auf einer Seite darstellt.
- Bugfix: Dateiendung bei zusätzlichen Bildern in der Galerie entfernt.

Zusätzliche Nachbesserungen:
- Auswahl im Menü und als Parameter, ob IPTC bereits utf8 kodiert sind. Wenn ja, dann erfolgt keine erneute Kodierung.
- Druckoption: Übergabe der Parameter mit vorheriger Umwandlung der Sonderzeichen
- Bugfix: kleiner Fehler in der print.php entfernt - ein " zu viel

Version 1.5-9

- Neue Darstellungsart: Lytebox - es braucht kein JS-Framework (wie zum Beispiel Mootools oder JQuery) und kann die Bilder als Diashow darstellen. Vorteil: JS-Konflikte mit anderen Erweiterungen können damit vermieden werden. Die Lytebox wurde so angepasst, dass sie auch im Internet Explorer 8 funktioniert. Um die Bilder als Diashow darzustellen, muss die Option "Lyteshow" gewählt werden.

Version 1.5-8

- Bildunterschrift - der Bildname kann als Bildunterschrift angezeigt werden. Beispiel auf der Demoseite ganz unten.

Version 1.5-7

- Bilder aus dem Rootverzeichnis - Bilder müssen nicht mehr im Verzeichnis images/stories liegen. Das Verzeichnis kann frei gewählt werden.
- Bildseitenverhältnisse beibehalten - die Größe der Vorschaubilder kann frei gesetzt werden, unabhängig der Seitenverhältnisse der Bilder. Nun sind zum Beispiel quadratische Thumbnails bei nicht quadratischen Bildern möglich.
- Code-Optimierung und Bugfixes

Version 1.5-6

- Deutsche und englische Sprachdateien - Sprachvariablen ausgelagert, Englisch hinzugefügt

Version 1.5-5

- Steuerung über Parameter - jede Galerie kann über den Parameteraufruf individuell eingestellt werden (Info)
- Zufällige Reihenfolge - Bilder können in einer zufälligen Reihenfolge ausgegeben werden
- Alt- und Title-Text verbessert - keine Anzeige der Dateiendung

Version 1.5-4

- Anzahl der angezeigten Bilder limitieren - bei einer großen Anzahl an Bildern ist diese Option sehr praktisch. Es wird eine eingestellte Anzahl an Bildern als Thumbnails angezeigt, die restlichen Bilder lassen sich in der Galerie (Slimbox-Ansicht) anschauen.
Des Weiteren können die Vorschaubilder bei sehr vielen Bildern (>60) mit dieser Option schrittweise generiert werden (Erhöhung der angezeigten Bilder um zum Beispiel 20 nach vorheriger Generierung der Thumbnails), um eine hohe Last und ggf. interne Serverfehler zu verhindern.
- Slimbox-Effekt deaktivieren - das Plugin kann nun auch als normale Bildergalerie ohne Verlinkung genutzt werden. Die Vorschaubilder werden nach Angaben im Plugin geladen, Slimbox und Mootools werden nicht benötigt.

Version 1.5-3

- gespeicherte Thumbnails überschreiben - bereits erstellte Vorschaubilder können mit dieser Option bei einem erneuten Aufruf der Seite überschrieben (neu generiert) werden. Damit müssen sie bei einer Änderung der Ausgabe nicht erst manuell gelöscht werden.
- png Kompressionsstufe einstellbar

Version 1.5-2

- Thumbnails werden richtig geladen, wenn Joomla in einem Unterordner installiert ist
- Abstände zwischen den Bildern sind nun optional wählbar (horizontal + vertikal)
- title-Tag Ausgabe verbessert

Version 1.5-1

- Thumbnailspeicherung - schnelleres Laden
- XHTML 1.1 valide
- alle Features siehe oben

Joomla 1.0

Version 1.0-1

- alle Features der Version 1.5-2, außer XHTML Validität. CSS-Dateien werden im body-Bereich eingebunden. Das kann manuell schnell angepasst werden: einfach die Einbindung im Modul in den head-Bereich des Templates setzen!

Wunschliste für die nächste Version

• Bilder als Tooltip anzeigen
• Links zu Seiten setzen
• Sortierung nach Änderungsdatum - Version 1.5-13
• Wasserzeichenfunktion - Version 1.5-13
• Automatische Setzung der Zählvariable (count) bei Anzeige mehrerer Artikel - Version 1.5-13
• Crop Funktion (Bildausschnitt) - Version 1.5-12
• Absteigende Sortierung - Version 1.5-11-2
• Download-Link in der Großansicht - Version 1.5-11
• Fließtext bei Anzeige von Einzelbilder - Version 1.5-11
• Bindestrich bei IPTC Ausgabe nur wenn nötig - Version 1.5-11
• Bilder nicht als Thumbnails sondern als Liste (mit den Bildnamen) anzeigen. Bei Klick auf den Namen öffnet sich das Bild in der Slimbox / Lytebox. - Version 1.5-11
• Einbau der Shadowbox - Version 1.5-11
• IPTC Ausgabe - Version 1.5-10
• Druckoption - Version 1.5-10
• Einzelbild anzeigen - Version 1.5-10
• Bildunterschrift - Version 1.5-8
• Bilder aus Rootverzeichnis - Version 1.5-7
• Seitenverhältnisse individuell - Version 1.5-7
• Parameteraufruf - Version 1.5-5
• Zufällige Reihenfolge - Version 1.5-5
• Limitierung der Bilder - Version 1.5-4
• Web1.0 Gallerie - Version 1.5-4
• Abstände der Thumbnails variabel - Version 1.5-2
• title-Attribut über einen Parameter individuell vergeben - verworfen

Demo - Plugin - Simple Image Gallery Extended - Joomla

Demo - Plugin Simple Image Gallery Extended - Joomla 1.5

Tipps

Die richtige Thumbnailgröße sollte am besten mit der "on-the-fly"-Methode ermittelt werden. Ist die richtige Größe gefunden, dann erst die Thumbnailgenerierung/-speicherung aktivieren. Thumbnails werden bei Änderung der Größe (wichtig ist das Verhältnis von Höhe zur Breite) neu generiert. -> seit Version 1.5-7 werden Thumbnails nur noch durch die Zusatzoption überschrieben! Qualitätseinstellung ändert die bereits vorhandenen Thumbnails nicht. Sollte eine Änderung nötig sein, dann entweder die Thumbnails im Ordner thumbs des jeweiligen Verzeichnisses löschen oder einfach kurz die Größenverhältnisse umstellen -> die Zusatzoption "Thumbnails überschreiben?" aktivieren. Seit der Version 1.5-3 können bereits erstellte Thumbnails ganz einfach überschrieben werden. Dafür muss die Option "Zusatz: Thumbnails überschreiben?" aktiviert und die Seite mit den Bildern einmal aufgerufen werden. Sind die Thumbnails in Ordnung, dann sollte die Option gleich wieder deaktiviert werden, damit die Thumbnails nicht bei jedem Aufruf neu generiert werden.

Exkurs: Interner Fehler 500 bei sehr vielen Bildern

Sind sehr viele Bilder vorhanden (so ab 60 aufwärts), dann kann es aufgrund von Beschränkungen des Hosters oder Überlast zu einem internen Fehler beim Generieren der Vorschaubilder kommen. Dieses Problem kann man seit der Version 1.5-4 sehr einfach umgehen. Die Option "Anzahl der angezeigten Bilder limitieren?" sollte aktiviert und die Anzahl der Bilder auf etwa 30 gestellt werden. Beim ersten Aufrufen der Seite werden dementsprechend nur 30 Vorschaubilder generiert. Nun muss die Anzahl der angezeigten Bilder erhöht werden, zum Beispiel auf 60. Bereits erstellte Thumbnails werden nicht neu generiert (Option "Zusatz: Thumbnails überschreiben?" muss deaktiviert sein!), es werden nur die neuen 30 Bilder verarbeitet. Das wird solange durchgeführt, bis alle Thumbnails erstellt wurden. Anschließend kann die Limit-Option wieder deaktiviert werden.

Eine einfache Lösung ist auch, bei einem internen Fehler die Seite mit F5 neu zu laden. Dann werden die Thumbnails beim nächsten Bild generiert, bei dem der Abbruch stattfand. Jedoch ist die erste Methode zu empfehlen!

Exkurs: Mehrere Artikel auf einer Seite - unterschiedliche Artikelbilder in einer Galerie

Hinweis: Seit Version 1.5-13 wird die Zählvariable auch bei mehreren Artikeln korrekt gesetzt!

Durch den Parameteraufruf count lässt sich die Zählvariable manuell setzen. Das ist dann wichtig, wenn man mehrere Artikel mit dem Pluginaufruf auf einer Seite anzeigt. Normalerweise wird in jedem Artikel die Zählvariable auf 0 gesetzt. Werden mehrere Artikel auf einer Seite angezeigt, dann werden die Bilder aufgrund der gleichen Variable in eine einzige Galerie zusammengefasst. Mit dem Parameteraufruf count kann das verhindert werden. Wenn mehrere Artikel mit dem Plugin auf einer Seite angezeigt werden, dann sollte die Zählvariable manuell gesetzt werden.

Beispiel: 1. Artikel 1. Galerie - count=1, 1. Artikel 2. Galerie - count=2, 2. Artikel 1. Galerie - count=3 usw.

Exkurs: Rand und Schatten um Thumbnails entfernen

Öffne /plugins/content/plugin_sige/sige.css

Lösche background:url(shadowAlpha.png) no-repeat bottom right!important; - im Selektor .sige_thumb für den Schatten

Lösche padding:4px; - im Selektor .sige_thumb img für den Rand

Spende

Download (aktuelle Version: 1.5-13 - 1.0-1)

Simple Image Gallery Extended - J1.0 (Details)

25 kb

353

Simple Image Gallery Extended - J1.5 (Details)

86.4 kb

7988

Mirror: Joomlaos.de

Vorschläge, Kommentare und Tipps zu "Plugin - Simple Image Gallery Extended - Joomla" bitte mit Hilfe des unteren Kontaktformulars hinterlassen.

Bei Problemen oder Supportwünschen bitte den Thread im Joomlaportal nutzen, dort ist eine schnellere Bearbeitung möglich!

#lbPrev{width:49%; height:100%; background:transparent url(blank.gif) no-repeat; display:block; left:0; float:left}

#lbPrev{width:49%; height:100%; background:url(prevlabel.gif) left 15% no-repeat; display:block; left:0; float:left}

if ( $noimage ) {