Как избавится от «скакания» фото при загрузке slick?

Question

[freeman0204]

Есть slick слайдер в котором фото разных пропорций и размеров, я ограничиваю img по высоте и растягиваю фото через object fit: cover. При загрузке сайта на пару секунд фото как будь то без слайдера сверху вниз идут в обычном своем размере, и только через пару секунд встают на место в слайдер и обрезаются. Может помочь прилоадер, а еще есть варианты?

Comments

[eternalfire]

где код?

[Bondi]

без кода гадать, не очень веселое занятие.
а ширину в 100% ставили?

Answer 1

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

.slider_wrap > .slider_item:nth-child(n+2) { display: none; }

скрываем все слайды кроме первого
при инициализированном слике этот селектор уже не будет работать

Comments

[freeman0204]

Попробую.

Answer 2

[Merrii]

Используй background-image вместо img и установи фиксированную высоту на этих div. Как вариант оберни img в div и установи ему фиксированную высоту.