Slide
Slide
概要
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
を返す