Update: Für die TYPO3 Version >= 9 ist diese Erweiterung einfach integrierbar
fancybox
extensions.typo3.org/extension/fancybox/
Auf dieser Seite findet man auch ein DEMO zu der Lightbox
www.lavitto.ch/websites/typo3-cms/extensions/fancybox/manual
Eine schicke kleine Extension von Kollegen aus Hannover (Steindesign), macht einen guten Eindruck. Sie heißt sd_lightbox.
Da ein einfaches installieren und einbinden im Root Template nicht genügt, hier meine kurze Anleitung.
Unter dem Punkt "Erweiterungen" laden Sie die Extension sd_lightbox herunter und binden diese Erweiterung (Lightbox sd_lightbox) im Root-Template unter "Statische Templates" ein. Wichtig.
Sie können diese auch hier herunterladen https://extensions.typo3.org/extension/sd_lightbox/
Jetzt laden Sie die Datei hammer.js herunter. Diese benötigen wir.
Diese Javascript-Bibliothek muss händisch eingebunden werden. Es gibt hier mehrere Möglichkeiten. Hier eine:
Ins Setup:
page.headerData.15 = TEXT
page.headerData.15.value(
<script src="fileadmin/js/hammer.min.js"></script>
)
styles.content.textmedia.linkWrap.lightboxCssClass = sd-lightbox
styles.content.textmedia.linkWrap.lightboxRelAttribute = sd-lightbox[{field:uid}]
styles.content.textmedia.linkWrap.lightboxEnabled = 1
Jetzt sollte die Erweiterung laufen.