JoomGallery Testseite

Thema erledigt, da die JoomGallery das seit der Version 3.4.0 standardmäßig beherrscht.

Eines der (m.E. zurecht) meistgewünschten Features auf uservoice ist die Bilddrehung.
Gemeint ist sowohl die manuelle Drehung im Bilder-Manager, als auch die automatische Drehung beim Upload anhand der Exif-Infos.

Das Problem ist bekannt. Macht man mit der Digicam oder dem Smartphone ein Hochformat-Bild wird es in der JoomGallery zunächst 'ungedreht' dargestellt. In Zeiten wo jeder mit dem Smartphone knipst und ohne weitere Bearbeitung gleich hochlädt häuft sich das Thema. Ein 'Profi' der seine Bilder am heimischen Rechner bearbeitet, wird das Bild gleich 'richtig' gedreht hochladen.

Auch auf uservoice gab es schon einige Code-Vorschläge die die Bilddrehung fest implementieren. Prinzipiell ist es auch kein Problem, beim Upload aus den Exif-Daten die Aurichtung des Bildes auszulesen und in Abhängigkeit davon das Bild mittels GD oder ImageMagick zu drehen.

Aber, damit entstehen folgende Probleme/Nachteile:

- Bei der Bildrehung auf dem Server mit gd2 gehen alle Exif- und IPTC-Informationen verloren.

- Das 'Originalbild' muss ebenfalls gedreht und neu abgespeichert werden. Damit ist es aber nicht mehr 'Original' und durch die neuerliche jpg-Komprimierung verliert es an Bildqualität.

Zwei Nachteile also, die man möglichst vermeiden sollte.

Update: Die Idee mit der dynamischen Drehung des Originalbildes habe ich wieder verworfen. Es wären zu viele komplizierte Code-Anpassungen notwendig.

Nun lasse ich auch das Originalbild "fix" drehen.
Die Exif- und IPTC-Daten lasse ich mit 'PEL' und 'IPTC-embed' wieder in das Bild zurückschreiben, sofern gd2 als Bildbearbeiter enutzt wird.

Link zum Pull-Request auf Github: Link

Hier gibt es eine Demo des Plugins JoomAdditionalImageFields.

Dieses Plugin bietet die Möglichkeit 'eigene' Datenfelder zu definieren. Dabei kann man nicht nur einfache Text- oder Auswahlfelder verwenden, es lassen sich vielmehr eine große Anzahl unterschiedlicher Datenfelder definieren und verwenden.

Mit dem Plugin hier in der Demo lassen sich sowohl Links zu internen/externen Seiten, als auch definierte Suchbegriffe eingeben. Damit lässt sich eine Art Tags-Ersatz schaffen.

Das angepasste Plugin kann man hier herunterladen.

Bei der Eingabe im Feld 'Link' im Bildermanager ist das folgende Eingabeformat zu beachten: url">Linktext. Beispiel: http://youtube.de">Link zu YouTube
Wichtig ist dabei das Anführungszeichen und der Pfeil nach rechts zwischen der url und dem anzuzeigenden Text.

Bei den Suchbegriffen werden automatisch die Tags/Schlagwörter aus Joomla verwendet. Die Ausgabe erfolgt mit der css-Klasse "label label-info". Dadurch erscheinen die Suchbegiffe im gleichen Design wie die 'echten' Tags in Joomla.

Wichtig: Die Vergabe der 'Suchbegiffe' erfolgt in die zusätzlichen Felder der JoomGallery. Mit hoher Wahrscheinlichkeit wird es nicht möglich sein diese automatisch zu übernehmen, wenn später einmal die Tags/Schlagwörter 'richtig' in die JoomGallery integriert sind. Außerdem werden in den Feldern die Klartexte gespeichert, deshalb würde ein nachträgliches Ändern des Schlagwort-Textes später großen Aufwand bedeuten, weil dann bei allen betroffenen Bildern der Suchbegriff neu ausgewählt werden muss.

Link zu einer Bilder-Kategorie mit Suchbegriffen: Link

Mit dieser 'kleinen' Anpassung können innerhalb der JoomGallery Videos angezeigt werden. Dazu wird bei dem jeweiligen Bild eine "Video-id" gespeichert.

Die Videos werden dabei per iframe eingebunden. Es wird bei keinem der Dienste eine API mit irgendwelchen Keys benötigt. Es werden folgende Formate/Dienste unterstützt:

- Für "Selbsthoster" die HTML5-Videoformate MP4, webM oder Ogg.

- Alternativ können Videos aus YouTube, Vimeo oder Facebook eingebunden werden.

Für YouTube-Videos kann die Video-id wahlweise in einer der folgende Formen eingegeben werden:

- Der komplette url: https://www.youtube.com/watch?v=hZd4AgwhoEQ

- Der Einbettungscode, wie er direkt von YouTube angeboten wird: https://www.youtube.com/embed/hZd4AgwhoEQ

- Die reine id, also nur das hier Fett markierte: https://www.youtube.com/watch?v=hZd4AgwhoEQ

In der Detailansicht das Detailbild durch das Video ersetzt.
Wird die Detailansicht nicht genutzt, wird das Video in einer Standard-Modalbox angezeigt. Die ist dann notwendig, wenn das (Original-)Bild direkt aus der Kategorieansicht aufgerufen wird.

Über Einstellungen im Konfigurations-Manager kann der Videodienst/Format (MP4, webM, Ogg, YouTube, Facebook oder Vimeo) ausgewählt werden. Außerdem können zusätzliche Parameter wie z.B. die Videogröße eingestellt werden.

Was notwendig ist:

Es muss bereits ein Bild vorhanden sein, um diesem die Video id zu hinterlegen.

Probleme/Einschränkungen:

Die "Bildinformationen" beziehen sich natürlich das auf das "Dummy-Bild", nicht auf das Video. Folglich machen viele dieser Angaben hier keinen Sinn. Hier auf der Seite werden deshalb die Download- und Slideshow-Buttons in der Detailansicht für Videos abgeschaltet.
Allgemeine Angaben wie "Es befinden sich 6 Bilder in diese Kategorie" kann man evtl. in "Es befinden sich 6 Bilder/Videos in diese Kategorie" ändern. Dies würde aber Änderungen in den Sprachdateien bedeuten. Die wichtigsten Sprachkonstanten habe ich hier auf der Seite per Sprachoverride angepasst.

Etwas 'frickelig' war die Anzeige des Play-Icons über dem Thumbnail, wenn ein Video hinterlegt ist. Teilweise mussten divs hinzugefügt und mit position: absolute/relative positioniert werden. Dafür sieht es jetzt ganz gut aus.