Примеры
29 демонстрацийПопробуйте слайдеры и скопируйте готовый HTML, CSS и JavaScript.
Начните с простого
Живой пример: начните с простого.
Открыть пример ↗02 / Основы02Несколько карточек
Живой пример: несколько карточек.
Открыть пример ↗03 / Основы03Соседний слайд в кадре
Живой пример: соседний слайд в кадре.
Открыть пример ↗04 / Основы04Активный в центре
Живой пример: активный в центре.
Открыть пример ↗05 / Размеры05Ширина по содержимому
Живой пример: ширина по содержимому.
Открыть пример ↗06 / Размеры06Фиксированная ширина
Живой пример: фиксированная ширина.
Открыть пример ↗07 / Адаптивность07Адаптивное количество
Живой пример: адаптивное количество.
Открыть пример ↗08 / Практика08Товарные карточки
Товарная витрина: фотографии, цены, размеры и корзина.
Открыть пример ↗09 / Практика09Настройки на лету
Живой пример: настройки на лету.
Открыть пример ↗10 / Движение10Бесконечный цикл
Живой пример: бесконечный цикл.
Открыть пример ↗11 / Движение11Непрерывное движение
Живой пример: непрерывное движение.
Открыть пример ↗12 / Движение12Автоматическое переключение
Живой пример: автоматическое переключение.
Открыть пример ↗13 / Эффекты13Плавное растворение
Живой пример: плавное растворение.
Открыть пример ↗14 / Эффекты14Объёмный поворот
Живой пример: объёмный поворот.
Открыть пример ↗15 / Направление15Вертикальное движение
Живой пример: вертикальное движение.
Открыть пример ↗16 / Управление16Свободное перетаскивание
Живой пример: свободное перетаскивание.
Открыть пример ↗17 / Управление17Управление прокруткой
Живой пример: управление прокруткой.
Открыть пример ↗18 / Управление18Перетаскиваемый скроллбар
Живой пример: перетаскиваемый скроллбар.
Открыть пример ↗19 / Управление19Блокировка короткой ленты
Живой пример: блокировка короткой ленты.
Открыть пример ↗20 / Управление20Стрелки и пагинация
Живой пример: стрелки и пагинация.
Открыть пример ↗21 / Управление21Навигация по точкам
Живой пример: навигация по точкам.
Открыть пример ↗22 / Медиа22Ленивая загрузка
Живой пример: ленивая загрузка.
Открыть пример ↗23 / Медиа23Видео внутри слайда
Живой пример: видео внутри слайда.
Открыть пример ↗24 / Медиа24Формат историй
Группы авторов, сегменты прогресса, пауза по удержанию и куб в мобильном виде.
Открыть пример ↗25 / Медиа25Пауза вне экрана
Живой пример: пауза вне экрана.
Открыть пример ↗26 / Расширения26Модули вместе
Живой пример: модули вместе.
Открыть пример ↗27 / Расширения27Слайды сеткой
Живой пример: слайды сеткой.
Открыть пример ↗28 / Расширения28Вложенный слайдер
Живой пример: вложенный слайдер.
Открыть пример ↗29 / Расширения29Галерея с миниатюрами
Живой пример: галерея с миниатюрами.
Открыть пример ↗Ничего не найдено. Попробуйте другой запрос.