@log1

Slick slider двоит?

Привет.Slick slider при открытии страницы показывает все блоки большими и даже те, что спрятаны, кто-нибудь знает как решить?Помогает обновить страницу, но по сути пользователь этого делать не будет.
  • Вопрос задан
  • 128 просмотров
Решения вопроса 1
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
У вас инициализация слайдера идет очень поздно, а картинка у вас принимает высоту контейнера в котором находиться, таким образом её распирает на пол экрана. А когда у вас подключается слайдер, в нем появляются классы на которые завязан ваш ксс:
.slick-slide img {
    margin-top: 25px;
    width: 80%;
    display: block;
    padding-left: 70px;
}


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы