This is a Lightslider that uses the jQuery-plugin from here: http://sachinchoolur.github.io/lightslider/settings.html Note: if you want to copy this HTML-file to your fileadmin-folder, you can specifty the folder like this with TypoScript: plugin.tx_camaliga.view.templateRootPath = fileadmin/template/files/ Copy this file in a subfolder named "Content" of this folder. Download the jQuery-plugin and include it like this: page.includeCSS.lighslider = fileadmin/lightslider-master/lightSlider/css/lightSlider.css page.includeJSFooter.lighslider = fileadmin/lightslider-master/lightSlider/js/jquery.lightSlider.min.js page.includeJSFooter.lighsliderStart= fileadmin/Resources/Public/Scripts/Lightslider.js Put this JS-code in the last file: $(document).ready(function() { $('#lightSlider').lightSlider({ item:4, slideMove:1, slideMargin:20, //prevHtml: 'weiter', easing: 'cubic-bezier(0.25, 0, 0.25, 1)', speed:600, responsive : [ { breakpoint:800, settings: { item:3, slideMargin:15 } }, { breakpoint:480, settings: { item:2, slideMargin:10 } } ] }); });
  • {content.title}

    {content.shortdesc}

    {f:translate(key: 'more')}