Lightboxeffekt in Typo3 mit Perfect Lightbox

Hier klickt man dann den Reiter 'Includes' an und wählt unter den Objekten das neu hinzugekommene 'Perfect Lightbox' aus und fügt dieses zu 'Include static' hinzu.

Schritt 3: Perfect Lightbox konfigurieren

Danach geht man wieder über 'Template' auf die Landingpage der Seite und wählt in der Selectbox den 'Constant Editor'. Als Category wählt man hier dann die PERFECTLIGHTBOX.
Nun hat man diverse Einstellmöglichkeiten, um die Perfect Lightbox zu konfigurieren.

Eine kleine Auswahl der nötigen Features soll hier kurz beschrieben werden.

• Javascript Libary:
  Hier kann man die bevorzugte JS Library einstellen. Man muss die JS Library in der darunterliegenden Checkbox deaktivieren, wenn eine andere schon eingebunden ist, z.B. durch eine andere Extension. 
• Enable globally:
  Hierüber wird die Perfect Lightbox global für alle Bilder angewandt, wenn man bei diesen 'Enlarge on Click' (also bei Klick vergrößern) aktiviert hat. Die Anpassung der Image-Tags innerhalb HTML wird von der Extension vorgenommen. Hier muss man ab Typo3 4.5 beachten, dass im Constant Editor die Möglichkeit besteht, das 'Enlarge on Click'-Verhalten zu beeinflussen und dass sich beide gegenseitig stören.
  Befinden sich in einem Contentelement mehr als ein Bild, wird daraus automatisch ein Bildgruppe generiert, durch die navigiert werden kann.
• Dimension, Width, Height, Pixles:
  Hier kann die maximale Breite und Höhe definiert werden, mit der die Lightbox angezeigt werden soll.
• Files:
  In diesem Abschnitt kann man z.B. einen Pfad für ein eigenes CSS definieren oder auch den Pfad zu einer eigenen JS-Library.
• Others
  Unter diesem Punkt sind z.B. die Einstellungen für die Bildunterschriften der Bilder, die Transparenz des Schattens und diverse andere Eigenschaften zusammengefasst.

Einfach die einzelnen Einstellungsmöglichkeiten durchlesen und schauen welche noch wichtig sind.

Schritt 4: Cache leeren

Zum Schluss sollte man noch den Typo3 Cache leeren.

Schritt 5: Lightbox Effekt testen

Zum Test öffnet man ein Contentelement, das ein oder mehrere Bilder enthält und aktiviert dort 'Enlarge on Click'. Im Frontend lädt man die Seite neu. Die Bilder sollten in einer Lightbox geöffnet werden.

Beim Betrachten der Einstellungsmöglichkeiten innerhalb des Contentelements mit den Bildern kann man nun auch zusätzliche Einstellungen finden. So kann man z.B. gezielt den Lightbox Effect für ein Element auswählen, Bilder gruppieren oder mehrere Bilder als Slideshow abspielen. Hier kann man mal die einzelnen Checkboxen auswählen und schauen was passiert. So versteht man am besten deren Funktionalität.