(function($) { $(document).ready(function() { $('.single-item').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 1, slidesToScroll: 1 }); $('.multiple-items').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 3 }); $('.one-time').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 1, adaptiveHeight: true }); $('.uneven').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 4, slidesToScroll: 4 }); $('.responsive').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 4, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); $('.center').slick({ centerMode: true, infinite: true, centerPadding: '60px', slidesToShow: 3, responsive: [{ breakpoint: 768, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 3 } }, { breakpoint: 480, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 1 } }] }); $('.lazy').slick({ lazyLoad: 'ondemand', slidesToShow: 3, slidesToScroll: 1 }); $('.autoplay').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000 }); $('.fade').slick({ dots: true, infinite: true, speed: 500, fade: true, slide: 'div', cssEase: 'linear' }); $('.add-remove').slick({ dots: true, slidesToShow: 3, slidesToScroll: 3 }); var slideIndex = 1; $('.js-add-slide').on('click', function() { slideIndex++; $('.add-remove').slickAdd('