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
}
}
]
});
});