Mit diesem TypoScript Snippsel kann man jede beliebige Lightbox im Frontend nützen. Ihr müsst dazu einfach ein Element Text w/Bild einfügen. In dem Tab Media einfach ein Bild einfügen und Click-enlarge setzen.
// Setup tt_content.image.20.1.imageLinkWrap { typolink > typolink { parameter.cObject = IMG_RESOURCE parameter.cObject.file { import.current = 1 width = {$styles.content.imgtext.linkWrap.width} height = {$styles.content.imgtext.linkWrap.height} effects = {$styles.content.imgtext.linkWrap.effects} } parameter.override { field = image_link listNum.stdWrap.data = register : IMAGE_NUM_CURRENT } ATagParams = rel="prettyPhoto" ATagParams.insertData = 1 ATagParams.if.isFalse < .parameter.override target = {$styles.content.links.target} extTarget = {$styles.content.links.extTarget} } }
In diesem Beispiel wird jQuery und das Plugin prettyPhoto a jQuery lightbox clone eingebunden. Es ist natürlich auch möglich andere jQuery Plugins einzufügen.
// TYPO3 JavaScript headerData.14 = TEXT headerData.14.value ( <script src="fileadmin/templates/javascript/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="fileadmin/templates/javascript/jquery.prettyPhoto.js" type="text/javascript"></script> <script type="text/javascript"><!-- $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto({ theme: 'light_rounded' }) }); // --></script> )
Kategorie typo3
Ein Kommentar zu “Typoscript – Lightbox ohne Extension einbinden”
Ein Pingback
Add your Comment
Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
[…] newbie… Auch habe ich mal die codes von dieser Seite in mein template root setup rein gemacht: Typoscript – Lightbox ohne Extension einbinden | just4freaks.de Aber gleiches Problem… […]