Layout

You're browsing the documentation for v3

Overview

The Layout component arranges slider elements by setting width, height, margin and padding according to the latest options.

listSize(): number

Returns the list width for the horizontal slider, or the height for the vertical slider.

The size of the list element in pixel.

slideSize( index: number, withoutGap?: boolean ): number

Returns the slide width for the horizontal slider, or the height for the vertical slider.

`index`	Optional. A slide index.
`withoutGap`	Optional. Determines whether to exclude the gap amount or not.

The size of the slide element in pixel.

sliderSize(): number

Returns the slider size without clones before the first slide.

The width or height of the slider without clones.

totalSize( index?: number, withoutGap?: boolean ): number

Returns the total width or height of slides from the head of the slider to the specified index. This includes sizes of clones before the first slide.

`index`	Optional. A slide index. If omitted, uses the last index.
`withoutGap`	Optional. Determines whether to exclude the last gap or not.

The total width of slides in the horizontal slider, or the height in the vertical one.

getPadding( right: boolean ): number

Returns the padding value.

`right`	Determines whether to get `paddingRight/Bottom` or `paddingLeft/Top`.

The padding value in pixel.