Это все, что вам нужно, чтобы запустить слайдер! См. раздел примеров, чтобы получить представление о том, как создавать слайдеры и карусели.
Существует много вариантов конфигурации — используйте конфигуратор, чтобы помочь вам начать работу, и просмотрите документы для всех параметров.
О слайдере Swiffy
Вокруг много действительно хороших слайдеров и каруселей. Большинство из них родились много лет назад. Из-за того, что было возможно в то время, они используют много javascript, прослушивателей событий и множество вещей для обработки скользящего поведения.
Swiffy Slider — это новое начало, использующее то, что сейчас поддерживают браузеры. Все скольжение, перетаскивание, привязка и т. д. теперь являются собственным поведением браузера, а не javascript. Swiffy Slider может работать даже в простом режиме с без JS !
Это обеспечивает непревзойденную производительность, пользовательский опыт, удобство сенсорного управления и простоту.
В то же время он поддерживает любое устройство ввода в мире — сенсорное управление, мышь, клавиатуру, сенсорные панели, трекпады, карандаши, вспомогательные устройства, контроллеры и т. д.
Проверка W3, 100% совместимость с WCAG, сверхвысокие баллы Google Lighthouse, совместимость с любой внешней средой и стеком разработки.
roundSlider (бесплатный плагин jQuery)
Что это?
Круглый ползунок (также можно назвать Круглый ползунок , Радиальный ползунок )
— это подключаемый модуль jQuery, который позволяет пользователю выбирать значение или диапазон значений.
Не только круглый ползунок, он поддерживает четверть, половину и пирог
формы круга
также.
Почему это?
Бродя по сети, обнаружил, что многим людям нужен идеальный слайдер с круговым путем.
Но большинство из них не были удовлетворены доступными решениями, поэтому roundSlider решит эту проблему.
Особенности
Не нужны изображения, только чистый код JS и CSS
Отличный внешний вид
Очень легко настраивается с помощью CSS
Поддерживает все анимации CSS3
Опора ползунка диапазона
Приращение линейного шага
Сенсорная опора
Подставка для клавиатуры
Поддержка прокрутки мыши
Открытый исходный код (под
лицензия Массачусетского технологического института)
Поддержка браузера
Поскольку конструкции roundSlider основаны на некоторых стилях CSS3, таких как радиус границы, преобразование и т.