Swiper - v12.0.3
    Preparing search index...

    Interface VirtualOptions<T>

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

    Type Parameters

    • T = any
    Index

    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>) => any

    Function for external rendering (e.g. using some other library to handle DOM manipulations and state like React.js or Vue.js). As an argument it accepts data object with the following properties:

    • offset - slides left/top offset in px
    • from - index of first slide required to be rendered
    • to - index of last slide required to be rendered
    • slides - array with slide items to be rendered
    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: any) => any

    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