Размеры
Фиксированная ширина
Опции 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, без фиксации движком.