概要

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

メソッド

index

index: number

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


slideIndex

slideIndex: number

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


slide

slide: HTMLElement

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


container

container: HTMLElement

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


isClone

isClone: boolean

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

メソッド

style()

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

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

引数

prop

適用するプロパティ名

value

CSSの値

useContainer

省略可。スタイルをスライドに適用するか、あるいはコンテナに適用するかを決める

isWithin()

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

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

引数

from

基準となるスライドのインデックス

distance

テストするための距離(インデックスの差)

返値

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