Slick-Slider

Slick-Slider Download & Doku
keine Erweiterung, selbst einbauen!
Ersetzt den Slider des Inhaltselements .ce_slider durch den Slick-Slider.

Contao-Version	aktiv in
4.4	heinz-kuehn, stoik-gruenerleben.at
4.13	contao-boilerplate.loc

How To:

1. Skript slick.min.js unter /files/theme/js/ ablegen
2. Template j_slider.html5 anlegen und anpassen wie benötigt:

<!-- Slick-Slider: Copyright (c) 2017 Ken Wheeler – Licensed under the MIT license. -->
<script src="/files/theme/js/slick.min.js"></script>
<script>


   $(document).ready(function(){
    $('.imageslider').slick({
      dots: false,
      infinite: true,
      speed: 3000,
      fade: true,
      cssEase: 'linear',
      autoplay: true,
      autoplaySpeed: 3000,
      arrows: false
    });
  });

</script>

3. Das jQuery-Template j_slider.html5 (global) statt dem JavaScript-Template js_slider.html5 für den normaler Content-Slider im Seitenlayout einbinden
4. Prüfen, ob eh nicht versehentlich MooTools eingebunden ist, sonst geht’s nämlich nicht!
5. Die Templates ce_sliderStart und ce_sliderStop sind weiterhin zuständig:
   Aus ce_sliderStart muss diese Klasse <div class="slider-wrapper"> ins slickSlider-Skript übernommen werden (statt .imageslider)
   In ce_sliderStop muss die Navigation herausgelöscht werden, da der Slick-Slider seine eigene Navigation mitbringt.
6. slick.css ins Seitenlayout einbinden
7. Anpassungen lt. Doku machen
8. Lizenzhinweis ins Impressum geben: MIT-Licence