Swiper - v14.0.1
    Preparing search index...

    Interface VirtualOptions<T>

    interface VirtualOptions<T = unknown> {
        addSlidesAfter?: number;
        addSlidesBefore?: number;
        cache?: boolean;
        enabled?: boolean;
        renderExternal?: ((data: VirtualData<T>) => void) | null;
        renderExternalUpdate?: boolean;
        renderSlide?: ((slide: T, index: number) => string | HTMLElement) | null;
        slides?: T[];
        slidesPerViewAutoSlideSize?: number;
    }

    Type Parameters

    • T = unknown
    Index

    Properties

    addSlidesAfter? addSlidesBefore? cache? enabled? renderExternal? renderExternalUpdate? renderSlide? slides? slidesPerViewAutoSlideSize?

    Properties

    addSlidesAfter?: number

    Increases amount of pre-rendered slides after active slide

    0
    addSlidesBefore?: number

    Increases amount of pre-rendered slides before active slide

    0
    cache?: boolean

    Enables DOM cache of rendering slides html elements. Once they are rendered they will be saved to cache and reused from it.

    true
    enabled?: boolean

    Whether the virtual slides are enabled

    false
    renderExternal?: ((data: VirtualData<T>) => void) | null

    Function for external rendering (e.g. using some other library to handle DOM manipulations and state like React.js or Vue.js).

    null
    renderExternalUpdate?: boolean

    When enabled (by default) it will update Swiper layout right after renderExternal called. Useful to disable and update swiper manually when used with render libraries that renders asynchronously

    true
    renderSlide?: ((slide: T, index: number) => string | HTMLElement) | null

    Function to render slide. As an argument it accepts current slide item for slides array and index number of the current slide. Function must return an outer HTML of the swiper slide or slide HTML element.

    null
    slides?: T[]

    Array with slides

    []
    slidesPerViewAutoSlideSize?: number

    Slide size for slidesPerView: auto (in px)

    320

    Settings

    Member Visibility

    On This Page

    Properties