Направление

Вертикальное движение

Примеры использования вертикальной ориентации.

1. Простой вертикальный слайдер

Живой пример

Вертикальное движение

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

Код:

Сложный кейс: вертикальная лента миниатюр слева синхронизирована с основным горизонтальным слайдером. У миниатюр включен slideMinSize для адаптивности.

Живой пример

Вертикальные миниатюры

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

Код: