Joomla
Joomla - Random Image - Modifiziert
Modul: Random Image (Core-Modul)
Versionen: 1.0-5M und 1.5-5M
Joomla Versionen: 1.0.x und 1.5.x
Sprachen: Deutsch & Englisch
Gelistet in: Joomla! Extensions Directory
Update: Lightbox Version 2.04 - Slimbox 1.63/Slimbox 1.52 - Thickbox 3.1
Nach einer Anfrage im Joomlaportal (Forum) habe ich das Original Modul "Random Image" so angepasst, dass ein Link zum angezeigten Bild gesetzt werden kann. Das Originalbild kann entweder in einem neuen Fenster oder in einer Lightbox/Slimbox/Thickbox angezeigt werden.
Die Auswahl von 3 verschiedenen Next Gen Javascript - Applikationen wurde implementiert, damit es nicht zu Konflikten zwischen diesem Modul und anderen Anwendungen (Templates, Komponenten etc.), die ebenfalls Javascript Frameworks (mootools...) benötigen, kommt. Sollte das der Fall sein, dann eine andere Darstellungsform ausprobieren.
Das Modul für Joomla 1.5.x habe ich ebenfalls modifiziert und erweitert ( + englische Version).
Mittlerweile gibt es für beide Versionen einige Erweiterungen und neue Features, die in den unten aufgeführten Versionshistory und Versionsunterschiede nachzulesen sind.
1.0.x
Entweder Dateien entpacken und per FTP in den Ordner "modules" laden
oder Modul erst deinstallieren und dann die runtergeladene Zip-Datei
installieren.
Nach der Installation ins Backendmenü gehen und anpassen:
1.5.x
Entweder Dateien entpacken und per FTP in den Ordner "modules/mod_random_image" laden
oder Modul erst deinstallieren und dann die runtergeladene Zip-Datei
installieren (empfohlene Variante).
Nach der Installation ins Backendmenü gehen und anpassen:
Version 1.5-5M
- Vorschaubilder können automatisch generiert werden - schnelleres Laden, bessere Qualität! Demonstration
Thumbnails werden nur beim ersten Aufrufen der Bilder generiert. Ist ein Thumbnail bereits vorhanden, wird es gleich geladen.
- Sprachdateien überarbeitet und aktualisiert
Version 1.5-4M
W3C - XHTML 1.1 valide
- CSS und JS-Dateien werden im head-Bereich eingelesen (Danke geht an Frédéric L.)
- Ausgabe des Moduls komplett überarbeitet, um alle Validierungsfehler zu beseitigen
Version 1.5-3M
- Bildname - der Name des Bildes kann angezeigt werden, um eine noch bessere Differenzierung zu realisieren (ohne Dateiendung) Beispiel
- Alle Bilder in Lightbox - es können alle Bilder aus dem Bildverzeichnis eingelesen und in der Lightbox, Slimbox oder Thickbox angezeigt werden
Version 1.5-2M
- Bildunterschrift - zu den Bildern lässt sich eine individuelle Bildunterschrift hinzufügen
Version 1.5-1M
- Linkordner - Vorschaubilder: Sind Vorschaubilder (Thumbnails) vorhanden, kann ein unterschiedlicher Ordnerpfad angegeben werden, um das Laden zu beschleunigen
Version 1.5-0M
- Auswahl zwischen Lighbox, Slimbox oder Thickbox
- Css- und JS-Dateien werden nur bei Bedarf eingelesen
- Link zum Autor (modifizierte Version)
- Link zu einer URl kann gesetzt werden, jedoch funktioniert die Lightboxdarstellung nicht mehr
Version 1.0-5M
- Alle Bilder in Lightbox - es können alle Bilder aus dem
Bildverzeichnis eingelesen und in der Lightbox, Slimbox oder Thickbox
angezeigt werden. Achtung: Diese Option sollte nur bei der Anzeige eines Bildes genutzt werden!
- Link zum Autor (Kubik-Rubik.de - optional)
Version 1.0-4M
- Linkordner: Sind Vorschau- und Originalbilder vorhanden, kann ein unterschiedlicher Ordnerpfad angegeben werden
- Anzahl der Bilder: es kann nun mehr als ein Bild angezeigt werden
- Senkrechte Ausrichtung: die Bilder werden untereinander angezeigt
(Features: Markus Hackspacher, von mir leicht angepasst)
Lighbox, Slimbox oder Thickbox ins Deutsche übersetzt
Version 1.0-3M
- Auswahl zwischen Lighbox, Slimbox oder Thickbox
- Css- und JS-Dateien werden nur bei Bedarf eingelesen
Version 1.0-2M
- Bild in neuem Fenster oder in einer Lightbox öffnen
- Generierung von Vorschaubildern, um die Anzeige und Ladezeit zu optimieren
- Einbindung von Slimbox 1.52 (mootools 1.11), da die Anzeige sonst nicht funktioniert. Joomla 1.5.x bindet diese Version von Mootools ein, weswegen Slimbox 1.63 (mootools 1.2) nicht funktioniert (Konflikt).
- Link zu einer beliebigen Adresse möglich, jedoch wird dabei die Lightboxdarstellung deaktiviert. Das Feld "Link" muss leer sein, damit diese Art der Darstellung aktiviert wird.
- Bildunterschrift und Anzeige des Bildnamens.
- Link zu Kubik-Rubik.de optional anzeigbar. (beide Versionen)
- Alle Bilder im Bildverzeichnis lassen sich einlesen und in der Lightbox/Slimbox/Thickbox ausgeben. (beide Versionen)
Werden die Features von mootools.js nicht benötigt, kann man die Einbindung durch einen kleinen Zusatz in der index.php des gewählten Templates deaktivieren.
Die index.php des Templates öffnen und folgenden Eintrag im <head>-Bereich finden
<jdoc:include type="head" />
danach folgende Zeilen einfügen
<?php
$headerstuff=$this->getHeadData();
reset($headerstuff['scripts']);
foreach($headerstuff['scripts'] as $key=>$value){
unset($headerstuff['scripts'][$key]);
}
$this->setHeadData($headerstuff);
?>
Nun werden die Skripte mootools.js und caption.js nicht geladen.
Möchten man nur mootools.js deaktivieren, dann kann man folgenden Code verwenden:
<?php $headerstuff=$this->getHeadData(); reset($headerstuff['scripts']); unset ($headerstuff['scripts'][$this->baseurl . '/media/system/js/mootools.js']) ; $this->setHeadData($headerstuff); ?>
Möchte man mootools.js und caption.js nur auf der Startseite deaktivieren, dann kann dieser Code benutzt werden:
<?php
$menu =& JSite::getMenu();
if ($menu->getActive() == $menu->getDefault()) {
$headerstuff = $this->getHeadData();
unset ($headerstuff['scripts'][$this->baseurl . '/media/system/js/mootools.js']) ;
unset ($headerstuff['scripts'][$this->baseurl. '/media/system/js/caption.js']) ;
$this->setHeadData($headerstuff);
}
?>
Wird mootools.js nicht eingelesen, entsteht kein Konflikt mit dem für die Lightbox benötigten Framework Prototype und somit können die Bilder auch normal in der normalen Lightbox angezeigt werden.
Netter Nebeneffekt der Deaktivierung: die Seiten werden ein wenig schneller geladen.
ACHTUNG: Durch die Deaktivierung von mootools.js können einige Funktionen im Frontend eingeschränkt sein, bzw. komplett nicht funktionieren (zum Beispiel das Bearbeiten von Artikel im Frontend oder Features von Komponenten, die auf das Mootools- Framework aufbauen).
Fazit: Die
Deaktivierung sollte nicht nur wegen der Original-Lightbox
Darstellung erfolgen. Mit Slimbox hat man den idealen Lightbox-Klon,
der mit dem Framework Mootools arbeitet.
Möchte man aber den Zugriff
auf die Seiten beschleunigen und benötigt Mootools nicht, dann kann man
die Einbindung ausschalten und Lightbox verwenden.
Eine kleine Anleitung, um das Modul erfolgreich zu validieren: W3C-Validierung
Update: Seit der Version 1.5-4M werden die CSS- und JS-Dateien automatisch im Head-Bereich eingebunden. Das Modul ist seit dieser Version komplett XHTML 1.1 valide!
Vorschläge, Kommentare und Tipps zu "Random Image - Modifiziert" bitte mit Hilfe des unteren Kontaktformulars hinterlassen.
target="_self" target="_blank"
Seitennavigation
Vorheriger Beitrag:
Joomla - Docman - Link zum Community Builder Profil + JoomlaComment
Nächster Beitrag:
Clubguide 1.0.x - Joomla