Модули: Manipulation

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

Категория: Плагины Joomla

Свойства, методы и события модуля Manipulation для Swiper.js.

Manipulation

Манипуляции слайдами в Swiper.js.

Методы Manipulation

Модуль Manipulation добавляет методы для динамической работы со слайдами. Используется только в Swiper Core версии, не предназначен для Swiper React или Vue.

swiper.addSlide(index, slides)

Добавляет новые слайды по указанному индексу. Параметр slides может быть строкой HTML, элементом DOM или массивом таких элементов.


// добавление одного слайда
swiper.addSlide(1, '<div class="swiper-slide">Slide 10</div>');

// добавление нескольких слайдов
swiper.addSlide(1, [
  '<div class="swiper-slide">Slide 10</div>',
  '<div class="swiper-slide">Slide 11</div>',
]);

swiper.appendSlide(slides)

Добавляет новые слайды в конец.


swiper.appendSlide('<div class="swiper-slide">Slide 10</div>');
swiper.appendSlide([
  '<div class="swiper-slide">Slide 10</div>',
  '<div class="swiper-slide">Slide 11</div>',
]);

swiper.prependSlide(slides)

Добавляет новые слайды в начало.


swiper.prependSlide('<div class="swiper-slide">Slide 0</div>');
swiper.prependSlide([
  '<div class="swiper-slide">Slide 1</div>',
  '<div class="swiper-slide">Slide 2</div>',
]);

swiper.removeSlide(slideIndex)

Удаляет слайды по индексу или массиву индексов.


swiper.removeSlide(0);       // удалить первый слайд
swiper.removeSlide([0, 1]);  // удалить первый и второй

swiper.removeAllSlides()

Удаляет все слайды.


swiper.removeAllSlides();