Почему у слайдов в Slick нулевая ширина?

Question

[Полина Емельянова]

Добрый день, коллеги.

Я не нашла вменяемого тоста-ответа на этот вопрос.

САБЖ:
http://doctorchat24.ru/?d=1
На втором экране, после клика на кнопку ДАЛЬШЕ есть экран со Слик-слайдер.
На больших экранах он не работает. На малых (с 1200 пикс) - появляется.

ПРОБЛЕМА:
При загрузке он дает НУЛЕВУЮ ширину слайдов. При этом, если сжать экран - слайды объявляются.

Как это можно пофиксить?

Заранее БОЛЬШОЕ СПАСИБО за помощь.

Answer 1

[Glorious Cat]

Попробуйте установить свойства variableWidth: true.

Comments

[oelena]

Благодарю, столкнулась с тем, что на мобильном не отображались слайды (width: 0px). Ваш ответ помог решить эту проблему

Answer 2

[Егор Живагин]

Наверное, самая распространённая проблема с ним))

Пока слайдов нет - у них ширина 0. Помогает инициализация слайдера не в момент загрузки страницы, а в момент клика на ДАЛЬШЕ/любого другого события, когда появляются слайды. Можно попробовать даже на само появление картинок повесить.

Comments

[yung_pionner]

Егорка, ты лучший просто. Плюс карма тебе

Answer 3

[artyomunder]

в классе slick-track прописывает по дефолту ширину 0
пробуйте либо импортер 100%, либо свои параметры, либо ищите в js