baueradvance/httpdocs/templates/bauer/rsce_fadeSlider.html5

<?php
$GLOBALS['TL_BODY'][] = '<script src="files/theme/assets/js/slick.min.js"></script>';
$GLOBALS['TL_BODY'][] = "<script>
$('.fade-slider').slick({
	dots: false,
	infinite: true,
	speed: 500,
	fade: true,
	autoplay: true,
	autoplaySpeed: 5000,
	cssEase: 'linear'
});
</script>";
?>
<div class="<?php echo $this->class ?> block" <?php echo $this->cssID ?>>
    <div class="fade-slider">
        <?php

        $dataSorted = array_map('\StringUtil::binToUuid', deserialize($this->orderSRC, true));

        foreach ($dataSorted as $data) {
            if ($image = $this->getImageObject($data, $this->size)) {
                $this->insert('picture_default', $image->picture);
            }
        }
        ?>
    </div>
</div>