Script anpassen

Jetzt aufpassen! Das Script ist angelegt, um in einem direkten Unterverzeichnis der 1. Ebene eingebunden zuwerden und es bindet Bild-Dateien ein, die im Verzeichnis /images in der 1. Unter-Ebene gesucht werden.

Das ist nicht so toll. Wenn Sie die Verzeichnisstruktur so angelegt haben, wie vorhin beschrieben, sind die Bilder nun im Verzeichnis /lib/tinymce_lightbox/images und nicht im Verzeichnis /images abgelegt. Deshalb muß das Script geändert werden.

Öffnen Sie mit einem TextEditor (NICHT WORD!) das Script jquery-lightbox-0.5.js


// Configuration related to images
imageLoading: 'images/lightbox-ico-loading.gif', // (string) Path and the name of 
imageBtnPrev: 'images/lightbox-btn-prev.gif',     // (string) Path and the name imageBtnNext: 'images/lightbox-btn-next.gif',     // (string) Path and the name 
imageBtnClose: 'images/lightbox-btn-close.gif',     // (string) Path and the name 
imageBlank:   'images/lightbox-blank.gif',     // (string) Path and

Wenn Sie diese Stelle gefunden haben (ziemlich am Anfang, claro), ändern Sie bitte in allen diesen Zeilen "images/..." zu "lib/tinymce_lightbox/images/". dann sollten die Bild-Verweise so aussehen:


// Configuration related to images
imageLoading: 'lib/tinymce_lightbox/images/lightbox-ico-loading.gif',	
imageBtnPrev: 'lib/tinymce_lightbox/images/lightbox-btn-prev.gif',		
imageBtnNext: 'lib/tinymce_lightbox/images/lightbox-btn-next.gif',		
imageBtnClose: 'lib/tinymce_lightbox/images/lightbox-btn-close.gif',	
imageBlank:	'lib/tinymce_lightbox/images/lightbox-blank.gif',

Nun ist das Script einsatzbereit und TinyMCE hat die Funktionalität der automatischen Lightbox erhalten. Der Rest ist noch Kosmetik, es braucht noch ein paar Stylesheet-Definitionen.

Zuletzt aktualisiert am 20.02.2011