Swiper - v12.0.3
    Preparing search index...

    Interface ManipulationMethods

    interface ManipulationMethods {
        addSlide(
            index: number,
            slides: string | HTMLElement | string[] | HTMLElement[],
        ): void;
        appendSlide(slides: string | HTMLElement | string[] | HTMLElement[]): void;
        prependSlide(slides: string | HTMLElement | string[] | HTMLElement[]): void;
        removeAllSlides(): void;
        removeSlide(slideIndex: number | number[]): void;
    }

    Hierarchy (View Summary)

    Index

    Methods

    addSlide appendSlide prependSlide removeAllSlides removeSlide

    Methods

    • Add new slides to the required index. slides could be HTMLElement or HTML string with new slide or array with such slides, for example:

      Parameters

      • index: number
      • slides: string | HTMLElement | string[] | HTMLElement[]

      Returns void

      addSlide(1, '<div class="swiper-slide">Slide 10"</div>')

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

    • Add new slides to the end. slides could be HTMLElement or HTML string with new slide or array with such slides, for example:

      Parameters

      • slides: string | HTMLElement | string[] | HTMLElement[]

      Returns void

      appendSlide('<div class="swiper-slide">Slide 10"</div>')

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

    • Add new slides to the beginning. slides could be HTMLElement or HTML string with new slide or array with such slides, for example:

      Parameters

      • slides: string | HTMLElement | string[] | HTMLElement[]

      Returns void

      prependSlide('<div class="swiper-slide">Slide 0"</div>')

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

    • Remove all slides

      Returns void

    • Remove selected slides. slideIndex could be a number with slide index to remove or array with indexes.

      Parameters

      • slideIndex: number | number[]

      Returns void

      removeSlide(0); // remove first slide
      removeSlide([0, 1]); // remove first and second slides
      removeAllSlides();    // Remove all slides

    Settings

    Member Visibility

    On This Page

    Methods