kisabelle
11/10/2016 - 5:33 PM

Slick Slider Tips

Slick Slider Tips

/* Graceful loading of slides (prevent flash of unstyled content) */

.banner-slider .banner-slide {
  display: none;
}
.banner-slider .banner-slide:first-child {
  display: block;
}
.banner-slider.slick-initialized .banner-slide {
  display: block;
}

/* Alternate version */

.your-carousel .your-item { visibility: hidden; } 
.your-carousel .your-item:first-child { visibility: visible; } 
.your-carousel.slick-initialized .your-item { visibility: visible; }


https://github.com/kenwheeler/slick/issues/1741

jQuery(document).ready(function ($) {

  $('.banner-slider').slick({
    dots: true,
    infinite: true,
    speed: 1100,
    autoplaySpeed: 6000,
    fade: true,
    cssEase: 'linear',
    autoplay: true
  });

});