Расширения Joomla WebTolk
96 Всего расширений
12 Категорий
495 Выпущено версий
567453 Всего скачиваний
Модули: Free Mode
WT JSwiper - SWiper.js для Joomla-разработчиков - Документация
Категория:
Плагины Joomla
Свойства, методы и события модуля Free Mode для Swiper.js.
Free Mode
Свободная прокрутка слайдов в Swiper.js.
Параметры Free Mode
enabled
Тип:
booleanЗначение по умолчанию:
falseОписание
Определяет, включен ли режим свободной прокрутки (Free Mode).
minimumVelocity
Тип:
numberЗначение по умолчанию:
0.02Описание
Минимальная скорость движения пальца (величина касания), необходимая для активации инерционного скольжения в режиме свободной прокрутки.
momentum
Тип:
booleanЗначение по умолчанию:
trueОписание
Если включено, слайд будет продолжать движение по инерции после отпускания пальца или курсора.
momentumBounce
Тип:
booleanЗначение по умолчанию:
trueОписание
Если установить в false, эффект "пружины" при достижении края (bounce) будет отключён в режиме свободной прокрутки.
momentumBounceRatio
Тип:
numberЗначение по умолчанию:
1Описание
Чем выше значение, тем сильнее эффект отскока при достижении края слайдера в режиме свободной прокрутки.
momentumRatio
Тип:
numberЗначение по умолчанию:
1Описание
Чем выше значение, тем дальше слайд будет проскальзывать после отпускания (увеличивает дистанцию инерции).
momentumVelocityRatio
Тип:
numberЗначение по умолчанию:
1Описание
Чем выше значение, тем больше скорость инерции после отпускания.
sticky
Тип:
booleanЗначение по умолчанию:
falseОписание
Если включено, слайдер будет «прилипать» к ближайшей позиции слайда после завершения прокрутки.
Методы Free Mode
Для режима Free Mode отдельные методы не определены. Все взаимодействия выполняются с помощью общих методов Swiper (например, slideTo(), update() и т. д.).
События Free Mode
Раздел Free Mode не содержит собственных событий — используются стандартные события Swiper, такие как touchStart, touchEnd, transitionStart и transitionEnd.
// Пример инициализации режима Free Mode
const swiper = new Swiper('.swiper', {
freeMode: {
enabled: true,
momentum: true,
sticky: true,
},
});