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.

Zurück

Meine Webseite nutzt Cookies und die Analysesoftware Matomo. Mehr Informationen

Info