Размеры

Фиксированная ширина

Опции fixedWidth и fixedHeight задают размер слайда числом (пиксели) или CSS-строкой ('12rem', '30%' и т.д.).

Живой пример

Фиксированная ширина

6 слайдов
HTML, CSS и JS в этих вкладках используются в предпросмотре.
Настроить свой →

Поведение

Горизонтальный слайдер

  • fixedWidth — фиксированная ширина слайда. Сколько слайдов помещается в видимую область (с учётом gap и peek), определяется автоматически: в объекте опций при каждом пересчёте обновляется perPage. Указанное вами значение perPage до расчёта не используется как «число колонок».
  • fixedHeight (без fixedWidth) — только высота слайдов; ширина по-прежнему считается из perPage и ширины контейнера.

Вертикальный слайдер (direction: 'vertical')

  • fixedHeight — фиксированная высота слайда и автоматический пересчёт perPage по высоте контейнера.
  • fixedWidth (без fixedHeight) — только ширина слайдов; высота считается из perPage.

Код (фрагменты)

Горизонтально, фиксированная ширина:

Вертикально, фиксированная высота:

Контейнеру вертикального слайдера задайте высоту (например, в CSS), иначе не из чего будет вычислять, сколько слайдов видно.

Совместимость

  • slideMinSize не применяется, если на главной оси активен соответствующий фиксированный размер (fixedWidth для горизонтали, fixedHeight для вертикали).
  • Режимы autoWidth / autoHeight на этой оси отключаются, пока задан фиксированный размер по главной оси.
  • В breakpoints можно задавать разные fixedWidth / fixedHeight для разных ширин экрана.

Связанные примеры

  • PerPage — явное число слайдов на экране без фиксированной ширины/высоты слайда.
  • Auto Width / Height — размер слайда из контента и CSS, без фиксации движком.