Как устранить «расклеивание» слайдера Slick Slider?

Question

[MFNIK]

Как убрать эффект расклеивания слайдера при загрузке сайта? Замечаю его практически на всех сайтах где его использую.
Вот прям после загрузки

Вот уже когда загрузился


Сам сайт u0273087.isp.regruhosting.ru

Answer 1

[Евгений]

Вот так

Answer 2

[Vadim Bogomazov]

После инита слайдера у элемента появляется класс .slick-initialized. В css пишите типа этого:

.carousel-hero {
    display: none;
}

.carousel-hero.slick-initialized {
    display: block;
}

Comments

[MFNIK]

Да этот вариант ловчее и быстрее. Спасибо!

Answer 3

[tyzberd]

отключить js слайдера, и сверстать так, что бы все слайды были в 1 ряд, а виден был только первый, все остальные скрыты через overflow: hidden;
Потом при включенном js поправить стили, которые перебил слайдер

Comments

[MFNIK]

Тоже как вариант, учту на будущее