Как поставить задержку slick слайдеру, что-бы он со включенным autoplay и прелоадером загружался не сразу?

Question

[Rodge]

Подскажите пожалуйста как поставить задержку slick слайдеру, что-бы он со включенным autoplay и прелоадером загружался не сразу, ибо при загрузке страницы пользователь попадает на 2 слайд.
Слайдер:

$(document).ready(function(){
      $('.slider').slick({
        dots: true,
        infinite: true,
        speed: 400,
        slidesToShow: 1,
        autoplay: true,
        autoplaySpeed: 6000,
        arrows: false,
        pauseOnFocus: false,
        pauseOnHover: false,
        dotsClass: 'slick-dots-custom',
      });
    });

Прелоадер:

document.body.onload = function () {
  setTimeout(function () {
    var preloader = document.getElementById('preloader');
    if(!preloader.classList.contains('done')){
      preloader.classList.add('done');
    }
  }, 1000);
}

Answer 1

[Александр Гамов]

$(document).ready(function(){
  setTimeout(function () {
     $('.slider').slick({
        dots: true,
        infinite: true,
        speed: 400,
        slidesToShow: 1,
        autoplay: true,
        autoplaySpeed: 6000,
        arrows: false,
        pauseOnFocus: false,
        pauseOnHover: false,
        dotsClass: 'slick-dots-custom',
      });
  }, 1000);
});

Comments

[Александр Гамов]

либо использовать плагин для синхронного выполнения :) либо через промисы.

[Rodge]

Спасибо.