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 ): voidCSSをスライド、またはコンテナに対して適用します。
引数
prop | 適用するプロパティ名 |
|---|---|
value | CSSの値 |
useContainer | 省略可。スタイルをスライドに適用するか、あるいはコンテナに適用するかを決める |
isWithin()
isWithin( from: number, distance: number ): booleanスライドが、fromで与えられるインデックスからどの程度離れているかを計算し、distance以下の場合にtrueを返す関数です。
引数
from | 基準となるスライドのインデックス |
|---|---|
distance | テストするための距離(インデックスの差) |
返値
基準からの距離がdistance以下であればtrue、そうでない場合はfalseを返す