KIPP+

Nachdem ich beim letzten Update die Funktionen in zwei js-Dateien (box.js und slide.js) aufgeteilt hatte gestaltete sich die Designänderung etwas schwierig für den unbedarften User. Die Änderungen mussten sowohl in der box.js als auch in der slide.js vorgenommen werden.

Diesen Umstand habe ich vereinfacht und es reicht nun die frontend.js an einer Stelle zu editieren. Das lässt sich prima mit dem Admintool  Addon-File-Editor oder dem Lieblingseditor Ihrer Wahl erledigen.

Beim öffnen der frontend.js finden Sie direkt am Anfang folgende Zeilen:

/*Einstellung des Designs.
 *Auswahl = 2-6 zwischen Hochkommata '' Beispiel > var  design='2';
 *Ist keine Zahl eingetragen wird Standard-Design 1 angezeigt.
 */

var  design='';

Ich denke der Text ist auch für den Laien selbsterklärend.

Änderungen:
Aufteilung der frontend.js in frontend.js, box.js und slide.js.

Da es zu Kollisionen mit dem Befehl die ColorBox am Ende einer Diashow zu schließen und der Klasse csingle kam habe ich die frontend.js nun aufgeteilt. Die frontend.js includiert nun nicht mehr die jQuery-colorbox-min.js und führt die entsprechenden Funktionen aus sondern lädt entsprechend der gesetzten Klasse (class) oder Beziehung (rel) die box.js oder die slide.js. Somit sind die Funktionen aufgeteilt und kollidieren nicht mehr miteinander. So kann auch “class=”csingle”" und “rel=”cslide”" auf einer Seite verwendet werden. Die beiden js Dateien und die jQuery-colorbox-min.js befinden sich nun im Ordner js im Module-Ordner. Sollten Sie das Design ändern wollen, wie in meinem Tutorial beschrieben, müssen Sie das nun jeweils in der box.js und der slide.js gleichzeitig tun und in beiden Dateien das gleiche Design auswählen.

Colorbox-Snippet auf die neueste Version 1.3.19 der colorbox.js upgedatet und in den Download gestellt.

Danke an Matthias.