Эффекты: Перелистывание (Coverflow Effect)

WT JSwiper - SWiper.js для Joomla-разработчиков - Документация
Категория: Плагины Joomla

Свойства, методы и события эффекта перелистывания Coverflow Effec для Swiper.js.

Coverflow Effect

Эффект перелистывания слайдера Swiper.js.

 

Coverflow Effect

Убедитесь, что параметр effect установлен в значение 'coverflow', чтобы данный эффект работал.

Параметры Coverflow Effect

depth

Тип: number
Значение по умолчанию: 100
Описание

Смещение глубины (ось Z) в пикселях.

modifier

Тип: number
Значение по умолчанию: 1
Описание

Множитель эффекта, определяет степень интенсивности 3D-вращения.

rotate

Тип: number
Значение по умолчанию: 50
Описание

Угол поворота слайда в градусах.

scale

Тип: number
Значение по умолчанию: 1
Описание

Эффект масштабирования слайда

slideShadows

Тип: boolean
Значение по умолчанию: true
Описание

Включает тени у слайдов для создания глубины и реалистичного 3D-эффекта.

stretch

Тип: number | string
Значение по умолчанию: 0
Описание

Расстояние между слайдами. Может задаваться в пикселях (например, 20) или в процентах (например, "50%").

Пример использования

const swiper = new Swiper('.swiper', {
  effect: 'coverflow',
  coverflowEffect: {
    rotate: 30,
    slideShadows: false,
  },
});
  

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

96 Всего расширений
12 Категорий
495 Выпущено версий
567453 Всего скачиваний
Корзина
Корзина пуста