Contao - Slider mit zufälliger Wiedergabe
Heute kam die Anforderung, das ein Kunde die Wiedergabe des Slider zufällig starten möchte. Dazu braucht man nur das j_slider - Template ein wenig anpassen.
<?php
// Add the swipe style sheet
$GLOBALS['TL_CSS'][] = 'assets/swipe/'. $GLOBALS['TL_ASSETS']['SWIPE'] .'/css/swipe.min.css|static';
?>
<script src="<?= TL_ASSETS_URL ?>assets/swipe/<?= $GLOBALS['TL_ASSETS']['SWIPE'] ?>/js/swipe.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
var countItems = $('.slider-wrapper > div').size();
$('.ce_sliderStart').each(function(i, cte) {
var s = $('.content-slider', cte)[0],
c = s.getAttribute('data-config').split(',');
new Swipe(s, {
// Put custom options here
'auto': parseInt(c[0]),
'speed': parseInt(c[1]),
'startSlide': 1 + Math.floor(Math.random() * countItems-1),
'continuous': parseInt(c[3]),
'menu': $('.slider-control', cte)[0]
});
});
});
})(jQuery);
</script>
In Zeile 12 wird die Anzahl der Elemente gezählt und in Zeile 20 wird dann der zufällige Startslider bestimmt.