Einbinden der FancyBox in boCMS

Seit boCMS 1.31 ist die FancyBox schon integriert. Dieses Howto bezieht sich auf ältere boCMS-Versionen!

boCMS liefert bereits eine Javascript-Bildvorschau mit, deren Einbindung in diesem How-To erklärt wird. Nun wird erklärt. wie man statt der mitgelieferten Bildvorschau die FancyBox nutzen kann.

Hier zwei Beispiele - links mit der normalen Bildvorschau, rechts mit der FancyBox.

Damit die FancyBox aktiv wird, muss der Inhalt dieses ZIP-Archivs in die boCMS-Verzeichnisstruktur entpackt werden. Dabei wird die vorhandene Javascriptvorschau überschrieben. Danach muss in das aktive Template, das in boCMS genutzt wird, folgender HTML-Code im Kopf der Seite eingefügt werden, d.h. zwischen und:





Der Quellcode liegt dem Zip-Archiv bei. Bitte beachten Sie bei dem obigen Code, dass die Leerzeichen zwischen den Prozentzeichen und "url" entfernt werden müssen.

Nun werden Fotos aus dem News-Modul, aus der Bildergalerie usw. mit der FancyBox geöffnet. Wenn man auch selbst eingefügte Bilder mit der FancyBox öffnen möchte, so sind diese nach diesem How-To einzubinden.



« Zurück