Slide

v3用のドキュメントを参照しています

概要

Slideは、コアコンポーネントではなく、それぞれのスライドを管理するサブコンポーネントです。いくつかのイベントハンドラから取得できるほか、Slidesコンポーネント経由でアクセスできます。

index: number

スライドのインデックスです。このインデックスは、クローンの場合マイナスか、あるいは全体数以上の値になっている可能性があります。

slideIndex: number

クローンスライドが対応している実際のスライドインデックスです。クローンではない場合、常に-1が入っています。

slide: HTMLElement

スライドの要素が入っています。

container: HTMLElement

コンテナ要素が入っています。HTMLで与えられなかった場合はundefinedです。

isClone: boolean

クローンかどうかを示すブーリアンです。

style( prop: string, value: string | number, useContainer?: boolean ): void

CSSをスライド、またはコンテナに対して適用します。

`prop`	適用するプロパティ名
`value`	CSSの値
`useContainer`	省略可。スタイルをスライドに適用するか、あるいはコンテナに適用するかを決める

isWithin( from: number, distance: number ): boolean

スライドが、fromで与えられるインデックスからどの程度離れているかを計算し、distance以下の場合にtrueを返す関数です。

`from`	基準となるスライドのインデックス
`distance`	テストするための距離（インデックスの差）

基準からの距離がdistance以下であればtrue、そうでない場合はfalseを返す