Модули: 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);
}

Расширения Joomla WebTolk

93 Всего расширений
11 Категорий
457 Выпущено версий
471881 Всего скачиваний
Корзина
Корзина пуста