RSSTinyMCE Lightbox automatisch einbinden
Wer Lightbox kennt, mag diese Möglichkeit, Bilder in größerer Dimension auf der Seite einzubinden.
Schön wäre es, wenn dies bei Bildern, die in Seiten eingebunden werden, und die in kleinerem Maß als die ursprüngliche Bild-Datei angezeigt werden soll, automatisch geschehe.
Im deutschen CMSMadeSimple-Forum gab es hierzu einen Thread, der mich auf die Idee brachte, dies auch zu probieren, dann in Verzweiflung trieb und zum Schluß mir ein Erfolgserlebnis bescherte:
Und das geht. Wie, wird hier beschrieben.
Dazu sind folgende Schritte notwendig:
- Ein Userdefined Tag wird angelegt
- dieser UDT wird in der Ereignisverwaltung einem Event zugeordnet
- im Template-Header werden Javascripte eingebunden
- im Template-Body-Bereich wird ein Javascript eingebunden
- im Javascript des Scriptes werden ein paar Änderungen fällig
- im Stylesheet werden ein paar weitere Definitionen eingetragen
Wenn das alles erledigt ist, kann man Bilder im TinyMCE-Editor einbinden, dann die Größe des Bildes verkleinern und das Script wird automatisch feststellen, daß die Größe des eingebundenen Bildes nicht mit der Originalgröße des Bildes übereinstimmt und also die Thumbnail-Ansicht einbinden und per Lightbox-Funktionalität das große Bild später einblenden.
Ein Dank geht an Cyberman, den guten Geist des deutschen CMSMS-Forums, und an Klenkes, der mir mit Tipps und Hinweisen auf die Sprünge half.
Alle Unterseiten dieses Themas:
- UDT erstellen
- UDT einem Ereignis zuweisen
- Javascript
- Script anpassen
- CSS ergänzen
- Navigationsbuttons
- Beispiel
- Und wie nun?
- Button-Position
Zuletzt aktualisiert am 21.02.2011