Typo3 Snippets  >  Snippets  >  Extension-Programmierung  >  PerfectLightbox in eigene Extension einbauen

PerfectLightbox in eigene Extension einbauen

Wenn man in eigenen Extensions eine Lightbox-Funktionalität benutzen möchte, um seine Bilder auf Klick zu vergrößern (click-enlarge), dann kann man die Extension "perfectlightbox" dafür nutzen. "Perfectlightbox" hat den Vorteil gegenüber anderen Lightbox-Extensions, dass sie mit mehreren JS-Frameworks funktioniert (JQuery, MooTools, ProtoType) und deswegen flexibel einsetzbar ist.

Nachdem "PerfectLightbox" installiert ist (Static-TypoScript nicht vergessen!), kann man in der eigenen Extension mit folgendem Code Bilder vergrößern:

//aktuelle ATagParams merken und rel="lightbox" hinzufügen
$aparams = $GLOBALS['TSFE']->ATagParams;
$GLOBALS['TSFE']->ATagParams = 'rel="lightbox[item]"';

//image-url erzeugen (hier können per TypoScript zusätzliche Optionen mitgegeben werden)
$this->conf["click."]["file"] = $imgURL;
$clickImage = $this->cObj->IMG_RESOURCE($this->conf["click."]);

//click-Link erzeugen und in das MarkerArray einbinden
$clickLink = $this->cObj->getTypoLink("|", $clickImage, '', '');
$wrappedSubpartArray['###CLICK_ENLARGE###'] = explode('|', $clickLink);

//ATagParams zurücksetzen
$GLOBALS['TSFE']->ATagParams=$aparams;

Eingebunden wird die Funktion dann im HTML-Template mit

<!-- ###CLICK_ENLARGE### -->###BILD###<!-- ###CLICK_ENLARGE### -->