Slick slider двоит?

Question

[log1]

Привет.Slick slider при открытии страницы показывает все блоки большими и даже те, что спрятаны, кто-нибудь знает как решить?Помогает обновить страницу, но по сути пользователь этого делать не будет.

Comments

[Владислав Лысков]

где ссылка на донора?

[log1]

Владислав Лысков, Ссылка

[log1]

Владислав Лысков, На главной тоже самое происходит с блоком сертификатов. Не пойму почему они выпирают.Ссылка

[Владислав Лысков]

log1, вроде бы всё отобрадается корректно, давай подробнее, как есть, и что нужно

[log1]

Владислав Лысков,

Вообщем слик через раз прогружается и порой остается как на скринах

[log1]

Владислав Лысков, или у тебя нормально slick встал и это у меня кэш забился?

[Владислав Лысков]

log1, у меня вроде норм

[log1]

Владислав Лысков, не знаю, похоже он через раз работает как надо.

[Владислав Лысков]

log1, на скрине отображаетя как нужно?

[log1]

Владислав Лысков, на том, что ты скинул, да.
Я думаю проблема в том, что сайту на сервере нужно отлежаться, так как я файлы только что заливал.

[Владислав Лысков]

log1, просто допиши такую href="style.css?v=1.1 (конструкцию после css и так же для js)

[log1]

Владислав Лысков, спасибо за поддержку!

Answer 1

[Виталий Першин]

У вас инициализация слайдера идет очень поздно, а картинка у вас принимает высоту контейнера в котором находиться, таким образом её распирает на пол экрана. А когда у вас подключается слайдер, в нем появляются классы на которые завязан ваш ксс:

.slick-slide img {
    margin-top: 25px;
    width: 80%;
    display: block;
    padding-left: 70px;
}

Это неправильный подход. Пока не подключиться слайдер, не подключаться и ваши стили.. Вы либо пропишите стиль на саму картинку либо привяжитесь к чему-то статическому, хотя бы к контейнеру слайдера классу slider на который вы привязали слик. А вообще почитайте про БЭМ и таких проблем у вас никогда не будет.

Comments

[log1]

Стало лучше, спасибо.