Высота слайдера Flickity зависит от контента слайда?

Question

[Islam Ibakaev]

Можно ли этого добиться? Здесь в примере явно указывается высота слайдера.

Answer 1

[Андрей Токмаков]

А Вас хватило только на прочтение одной страницы?
Перейдите на следующую вкладку Options и смотрите setGallerySize (4 раздел) https://flickity.metafizzy.co/options.html#setgall...

Comments

[Islam Ibakaev]

Swiper к примеру определяет высоту слайда, оттталкиваясь от размеров контента слайда. Они прямо предупреждают Setting this parameter will make Swiper not responsive

А у Flickity установка высоты слайдера - это дефолтный вариант, который делает слайдер not responsive.

p.s. setGallerySize: false подразумевает, что у слайдера есть parent, от которого слайдер наследует высоту. Мне же нужно, чтобы высота слайда зависела от высоты контента внутри этого слайда. я не хочу, чтобы она зависела от родителя слайдера. У меня вообще нет родителя для слайдера.

[Андрей Токмаков]

Islam Ibakaev: В ответе ниже Вам правильно написали, Вы видать не удосужились пройти по моей ссылке и прочитать. Там доходчиво написано "слайдер сам подстроится по дефолту на высоту самого высокого слайда":

Sets the height of the carousel to the height of the tallest cell. Enabled by default setGallerySize: true

Устанавливает высоту карусели на высоту самой высокой ячейки. Включено по умолчанию

[Андрей Токмаков]

Islam Ibakaev: Я так понял Вам не только надо разжевать, так еще и заставить поверить в это

[Islam Ibakaev]

Андрей Токмаков: в примере я закомментировал font-size для .carousel-cell

если раскомментировать слайдер не подстроится(нужно ресайзнуть фрейм)
Можно ли сделать, чтобы слайдер сразу же перестраивался (как по идее должно и быть)

[Андрей Токмаков]

Islam Ibakaev: При чем тут вообще фонт сайз? это размер шрифта. И все прекрасно меняется, если переставить курсор на другую строку, слайдер тут не при чем это фишка кодепейна

Answer 2

[Андрей Гончаров]

Высоту можно не указывать для слайда, и слайдер сам подстроится по дефолту на высоту самого высокого слайда. Есть опция adaptiveHeight, если надо менять высоту слайдера в зависимости от активного слайда.
Мне кажется, что контент у вас - это изображения, и если слайдер инициализировался до загрузки изображений - то высота слайдера схлопывается. Для этого есть опция imagesLoaded: true.
Короче смотрите доступные опции - все разжевано там.

Comments

[blackfish2]

Подскажите пожалуйста куда нужно поставить - imagesLoaded: true