Hello Joel,
Sorry, but I removed the Tiny Slider carousel on my homepage and also removed all the code.
Having said that, I found the following code (see below). Maybe it can still help you?
In het head of the homepage:
{{#is "index"}}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/tiny-slider.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/min/tiny-slider.js"></script>
{{/is}}
At the end of the file:
{{#is "index"}}
<script>
var slider = tns({
container: '.slider',
mode: 'carousel',
axis: 'horizontal',
items: 1,
slideBy: 1,
controls: false,
nav: true,
navPosition: 'bottom',
speed: 1000,
autoplayPosition: 'bottom',
autoplayTimeout: 5000,
autoplayText: ["<i class='material-icons'>play_arrow</i>", "<i class='material-icons'>pause</i>"],
loop: true,
lazyload: true,
responsive: {
1200: {
touch: false,
autoplay: true,
items: 1,
slideBy: 1,
arrowKeys: true
}
}
});
//slider.pause();
</script>
{{/is}}
Good luck!