Harrys Joomla Blog Die Komponente H2N Link Directory und andere Erweiterungen für Joomla

Nach im Jahr 2010 konnte das dritte Beta von H2N Mosimage Reloaded fertiggestellt werden. Im Gegensatz zur Beta 2 hat sich einiges unter der Haube verändert.

CSS in Datei ausgelagert

Die Gestaltung der Bilder mittels CSS wurde in eine CSS-Datei mosimage.css ausgelagert, sodass eine Anpassung an der unterschiedlichen Wünsche leichter erfolgen kann.

</div> durch </span> ersetzt.

Soll auch bei den Vorschaubildern die Bildbeschreibung angezeigt werden, so wird dass Bild und die Beschreibung nun mit Hilfe von <span> gruppiert. Vorher kann <div> zum Einsatz. Diese Änderung hat den Vorteil, dass das erzeugte HTML korrekt ist, das <span> ein Inline-Element ist und dadurch flexibler eingesetzt werden kann. Des weiteren ist das Ergebnis analog zu den nur mittels <img> eingefügten Vorschaubildern.

Auswahl unterschiedlicher Bibliotheken zur Realisierung des Lightbox-Effektes

Zwischen folgenden Bibliotheken für die Realisierung des Lightbox-Effektes kann  ausgewählt werden:

• Lytebox (Version 3.22
• Slimbox (Version 1.41)
• Slimbox (Version 1.57)
• Shadowbox (Version 3.0.1)

Lightbox2 (Version 2.04) musste (leider) entfernt werden. Aus mir unbekannten Gründen gab es Probleme mit IE und Chrome.

Sonstiges

Auch unter der Haube hat sich einiges getan. So wurde der Programmcode einem größerem Refactoring unterzogen. Der Funktionalität sollte dies keinen Abbruch tun.

Vom Plugin plugin_mosimage gibt es jetzt auch eine Update-Version. Diese kann einfach über eine bestehendes Plugin installiert werden, sodass ein „Uninstall“ entfallen kann.

Download: plugin_mosimage-v1-0-0-b3 und Update-Version plugin_mosimage-v1-0-0-b3-u

Alle zu H2N Mosimage Reloaded benötigen Erweiterungen im Überblick

1. com_mosimage-v1-0-0-b2 -> Komponente zur Pflege der Zuordnung von {mosimage} und Bilder
2. plugin_mosimage-v1-0-0-b3 bzw. Update-Version plugin_mosimage-v1-0-0-b3-u ->Plugin für die Ersetzung der {mosimage}-Platzhalter mit den jeweiligen Bildern
3. plugin_mosimage-admin-v1-0-0-b1 ->Plugin für das Editor-Kopf zum Aufruf von com_mosimage

Nach einem Fehlerbericht, dass Chrome und IE8 die Bilder nicht in der Ligthbox öffnen, habe ich die Sache mir genauer angesehen. Irgendwie spielt Lightbox2 und die von Joomla benutze mootools nicht zusammen. Unter Firefox dagegen klappt es.

Ich habe daher auf Alternativen von Lightbox2 zurückgegriffen. Zur Auswahl stehen jetzt

• Lytebox (Version 3.22
• Slimbox (Version 1.41)
• Slimbox (Version 1.57)
• Shadowbox (Version 3.0.1)
• Lightbox2 (Version 2.04)

Bei der Komponente com_mosimage zur Pflege der Zuordnung der Bilder hat sich beim Testen noch ein Fehler beim Einsatz von Chrome herausgestellt.

Download:

1. com_mosimage-v1-0-0-b2 (Komponente zur Pflege der Zuordnung von {mosimage} und Bilder
2. plugin_mosimage-v1-0-0-b2<Plugin für die Ersetzung der {mosimage}-Platzhalter mit den jeweiligen Bildern
3. plugin_mosimage-admin-v1-0-0-b1Plugin für das Editor-Kopf zum Aufruf von com_mosimage

Für die korrekte Funktion müssen alle drei Dateien installiert werden und die Plugins müssen anschließend aktiviert werden!

30.12.2010: Update Es gibt eine neue Version, die einige Fehler beheben. Details…

Ich habe auf einer von mir gestalteten Webseite viel Gebrauch von mosimage  im Zusammenspiel mit multithumb gemacht. Leider geht beides unter Joomla 1.5 nicht mehr so. Die Beiträge enthalten jeweils 10-15 Bilder als Thumbnails, die über den gesamten Text verteilt sind.  Somit scheiden die üblichen Gallery-Plugin bzw. Komponenten aus. Das Einbinden der Bilder via Editor war ist mir zu aufwendig, da die Bilder direkt von der Kamera kommen.

Was tun?

Eine für mich brauchbare Alternative habe ich bis jetzt nicht gefunden. So läuft diese Webseite immer noch mit Joomla 1.0.15. Asche auf mein Haupt.

Ich habe nun beschlossen und auch angefangen, mosimage für Joomla 1.5 zu implementieren. Das Ganze läuft ohne Änderungen am Joomla-Core-Code. Die Implementierung besteht aus drei Teilen:

1. Plugin „mosimage“ fürs Frontend

Dieses Plugin ist für die Anzeige der Bilder, die per Platzhalter {mosimage} eingebunden sind, zuständig.

• Im Frontend wird im Content-Bereich nur ein Vorschaubild angezeigt. Ein Klick auf dieses zeigt dann das Bild dann vergrößert in einer „Light-Box“ an.
• Die per „Light-Box“ angezeigten Bilder können optional mit einem Wasserzeichen versehen werden.

Mögliche Einstellungen für das Plugin H2N Mosimage

Das Plugin kann umfassend konfiguriert werden. Beispielsweise

• kann die Größe der Vorschaubilder festgelegt, ebenso
• die Größe der vergrößerten Bilder. Auch kann
• angegeben werden, ob die Bildbeschriftung angezeigt werden soll. Und es
• kann ein Bild angeben werden, dass als Wasserzeichen über das vergrößerte Bild gelegt werden soll.

2. Plugin „mosimage-admin“ fürs Backend

Knopf unterhalb des Editors zur Pflege des Platzhalter

Hier wird nur ein Button angeboten, der unter dem Editor erscheinen wird und die Komponente com_mosimage aufruft.

3. Komponente „com_mosimage“ zur Auswahl und Gestaltung der Bilder

Pflege der Platzhalter

Diese Komponente übernimmt die Auswahl und Gestaltung der Bilder.

Kurzanleitung

Installation

Plugin H2N Mosimage, Plugin H2N Mosimage-Admin und Komponente H2N Mosimage installieren und anschließend die Plugins aktivieren. Bei Bedarf das Plugin H2N Mosimage konfigurieren

Damit ist die Installation abgeschlossen.

Benutzen

• Artikel schreiben und wenn dieser noch nicht gespeichert, speichern.
• Dort, wo Bilder bzw. dessen Vorschaubilder erscheinen soll, den Platzhalter {mosimage} einfügen.
• Bilder hochladen, sodass sich diese unterhalb von Joomla-Image-Ordner befinden
• Knopf [Mosimage] unterhalb des Editor drücken. Im folgenden Dialog können jetzt die gewünschten Bilder auswählen und Änderungen speichern.

Demo

Ein kleines Demo findet sich hier.

Download:

1. plugin_mosimage-v1-0-0-b1
2. plugin_mosimage-admin-v1-0-0-b1
3. com_mosimage-v1-0-0-b1