dressing object : "image"
dabSalad()で使用します。画像を拡大縮小のアニメーションを行います。
このドレッシングが指定された画像はz-indexにより他の画像に隠れない限り、常に表示され続けます。
jQuery(selector).dabSalad( [option,] image, count, dressing [, dressing, ...] );
jQuery(selector).dabSalad( [option,] images, dressing [, dressing, ...] );
プロパティ
{
dressing: "image",
interval: 1000,
duration: 4000,
delay: 1000,
fade: true,
from: {top: "0%", left: "0%", height: "0%", width: "0%"},
to: {top: "0%", left: "0%", height: "100%", width: "100%"},
group: false
}
- dressing
- String "image"
- ドレッシングの種類を指定します。"image"固定です。
- interval
- Number default: 4000
- 前の画像イフェクトが終了してから画像変更イフェクトを開始するまでの待ち時間です。
このドレッシングの前の画像が表示されている時間です。 - 前の画像イフェクトが終了してから画像変更イフェクトを開始するまでの待ち時間です。
- duration
- Number default: 1000
- 表示イフェクトの実行時間です。
単位ミリ秒。 - 表示イフェクトの実行時間です。
- delay
- Number default: 1000
- フェードイン時間です。
単位ミリ秒。 - フェードイン時間です。
- fade
- Boolean default: true
- フェードインの指定です。
- from
- Object default: {top: "0%", left: "0%", height: "0%", width: "0%"}
- 画像拡大の初期値です。
- to
- Object default: {top: "0%", left: "0%", height: "100%", width: "100%"}
- 画像拡大の完了値です。
- group
- Boolean default: false
- 次のドレッシングをグループ化します。
グループ化されたドレッシングはintervalの同時に開始します。 - 次のドレッシングをグループ化します。