Расширения Joomla WebTolk
94 Всего расширений
11 Категорий
460 Выпущено версий
482323 Всего скачиваний
Модули: Navigation
WT JSwiper - SWiper.js для Joomla-разработчиков - Документация
Категория:
Плагины Joomla
Свойства, методы и события модуля Navigation для Swiper.js.
Navigation
Кнопки назад / вперёд слайдера Swiper.js.
Параметры Navigation
disabledClass
Тип:
stringЗначение по умолчанию:
swiper-button-disabledОписание
Имя CSS класса, добавляемое к кнопкам навигации в процессе выключения.
enabled
Тип:
booleanЗначение по умолчанию:
нетОписание
Логическое свойство, используемое с брейкпоинтами для включения/отключения навигации для определённых разрешений экрана.
hiddenClass
Тип:
stringЗначение по умолчанию:
swiper-button-hiddenОписание
Имя CSS класса, добавляемое к кнопкам навигации, когда они становятся скрытыми.
hideOnClick
Тип:
booleanЗначение по умолчанию:
falseОписание
Переключает видимость кнопок навигации после нажатия на контейнер слайдера.
lockClass
Тип:
stringЗначение по умолчанию:
swiper-button-lockОписание
Название класса CSS добавляется к кнопке навигации, когда она уже в отключённом состоянии.
navigationDisabledClass
Тип:
stringЗначение по умолчанию:
swiper-navigation-disabledОписание
Имя CSS-класса добавляется к контейнеру Swiper, когда навигация отключена с помощью брейкпоинта (не попадает в нужное разрешение экрана).
nextEl
Тип:
anyЗначение по умолчанию:
nullОписание
HTML Element или CSS-селектор элемента, который будет работать как кнопка "далее" по клику на нее.
prevEl
Тип:
anyЗначение по умолчанию:
nullОписание
HTML Element или CSS-селектор элемента, который будет работать как кнопка "назад" по клику на нее.
Методы Navigation
Свойства
swiper.nextEl
Тип:
HTMLElementОписание
HTMLElement кнопки "вперёд" навигации.
swiper.prevEl
Тип:
HTMLElementОписание
HTMLElement кнопки "назад" навигации.
Методы
swiper.destroy()
Тип:
нетОписание
Уничтожение объекта навигации.
swiper.init()
Тип:
нетОписание
Инициализация навигации.
swiper.update()
Тип:
нетОписание
Обновление состояния кнопок навигации (включены / выключены).
События Navigation
navigationHide
Аргумент:
(swiper)Описание
Событие вызывается в момент скрытия навигации.
navigationNext
Аргумент:
(swiper)Описание
Событие вызывается в при клике на кнопку "вперёд".
navigationPrev
Аргумент:
(swiper)Описание
Событие вызывается при клике на кнопку "назад".
navigationShow
Аргумент:
(swiper)Описание
Событие вызывается в момент включения видимости навигации.
CSS-переменные Navigation Swiper.js
{
--swiper-navigation-size: 44px;
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
}