Flickity Как изменить размер карусели в зависимости от размера изображения? - PullRequest
Новая
       21

Flickity Как изменить размер карусели в зависимости от размера изображения?

0 голосов
/ 29 августа 2018

Я пытаюсь добиться чего-то похожего на рисунок ниже.

Синий = Слайды карусели (как изображения)

Зеленый = рамка карусели / видовой экран / контейнер

Красный = Видимая страница (1440)

У меня 5 изображений с одинаковым разрешением (1024x576), и я хочу, чтобы они сохраняли соотношение при увеличении / уменьшении в зависимости от размера экрана.

Я потратил несколько часов на это сейчас и не смог добиться того, чего хочу.

Я НЕ хочу использовать некоторую фиксированную высоту, как показано в большинстве демонстраций на их веб-сайте, так как это становится проблематичным при уменьшении до более мелких устройств.

Причина, по которой я задаю этот вопрос, заключается в том, что всякий раз, когда я пытаюсь использовать что-либо ДРУГОЕ, чем фиксированная высота, вся карусель разрушается, даже с adaptiveHeight: true и / или setGallerySize: false.

Я также использую попутный ветер, если это вообще помогает.

Любая помощь приветствуется.

1 Ответ

0 голосов
/ 11 декабря 2018

Может быть, вы можете просто настроить через CSS только изображения, подобные этой демонстрации: 

.carousel img {
  display: block;
  height: 200px;
}

https://codepen.io/desandro/pen/GgQREP

...