Укладка изображений при загрузке - Slick

Question

Мы используем слайдер слайдера для проекта клиентов, и он работает отлично до сих пор, однако я заметил что-то, я не знаю, является ли это ошибкой или чем-то, что мне не хватает что нибудь.

Когда загружен слайдер слайдера, перед тем как вы получите весь слайдер, видимый в окне просмотра, он не загружается должным образом и укладывается снизу друг на друга с половиной ползунка страницы. Затем весь ползунок виден в окне просмотра, и он возвращается к тому, как он должен, почти так же, как он перескакивал сам.

Ниже приведен код для моего Slick Slider

$('.css_slider').slick({ 
    infinite: true, 
    speed: 500, 
    fade: true, 
    cssEase: 'linear', 
    autoplay: true, 
    autoplaySpeed : 8000, 
    adaptiveHeight: true, 
    dots: true 
}); 

и изображения выглядят как в ссылке here

Я читал на разных местах и ​​нашел эту ссылку Github link for same issue

Но это не работая для меня. Я все еще получаю такой же уродливый эффект.

Пожалуйста, предложите

Answer 1

Вы пробовали задерживая функцию, пока не будет загружен дом?

$(window).load(function() { 
    $('.css_slider').slick({ 
    infinite: true, 
    speed: 500, 
    fade: true, 
    cssEase: 'linear', 
    autoplay: true, 
    autoplaySpeed : 8000, 
    adaptiveHeight: true, 
    dots: true 
    }); 
}); 

или, если это не работает:

setTimeout(function(){ 
    $('.css_slider').slick({ 
    infinite: true, 
    speed: 500, 
    fade: true, 
    cssEase: 'linear', 
    autoplay: true, 
    autoplaySpeed : 8000, 
    adaptiveHeight: true, 
    dots: true 
    }); 
}, 2000)