Lightbox mit TYPO3

/* Code by René Pflamm, http://gosna.de/author/gosna/ */

page = PAGE
page.includeJSFooterlibs {
    magnific = fileadmin/template/magnific-popup/jquery.magnific-popup.js
}
page.includeCSS {
    magnific = fileadmin/template/magnific-popup/magnific-popup.css
}
page.jsFooterInline {
    10 = TEXT
    10.value (
        $(function() {
        $('a[rel*="lightbox"]').magnificPopup({
            type: 'image',
            tLoading: 'Lade Bild...',
            tClose: 'Schließen (Esc)',
            image: {
                titleSrc: function(item) {
                    var title = item.el.attr('title');
                    var description = item.el.attr('alt');
                    return ((title)?title:'') + ((description)?'<small>'+ description +'</small>':'');
                }
            },
            gallery: {
                enabled: true,
                navigateByImgClick: true,
                preload: [0,1],
                tCounter: '%curr% von %total%',
                tPrev: 'Zurück (Linke Pfeiltaste)',
                tNext: 'Vorwärts (Rechte Pfeiltaste)'
            },
        });
    });
    )
}
page.10 < styles.content.get