dressing object : "dressing"
dabSalad()で使用します。コンテンツエリアを分割し、色タイルのアニメーションを行います。
jQuery(selector).dabSalad( [option,] image, count, dressing [, dressing, ...] );
jQuery(selector).dabSalad( [option,] images, dressing [, dressing, ...] );
プロパティ
{
dressing: "color",
interval: 1000,
duration: 4000,
delay: 1000,
effect: ["fade"],
rows: 1,
cols: 1,
rowDelay: 300,
colDelay: 300,
delay: 300,
order: "down-right"
}
- dressing
- "color"
- ドレッシングの種類を指定します。"color"固定です。
- interval
- Number default: 4000
- 前の画像イフェクトが終了してから画像変更イフェクトを開始するまでの待ち時間です。
このドレッシングの前の画像が表示されている時間です。 - 前の画像イフェクトが終了してから画像変更イフェクトを開始するまでの待ち時間です。
- duration
- Number default: 1000
- 表示イフェクトの実行時間です。
単位ミリ秒。 - 表示イフェクトの実行時間です。
- fade
- Boolean default: true
- 表示アニメーションでフェードインを指定します。
- rows
- Number | String default: 1
- 行の分割数、または行の高さを指定します。 単位はpxのみサポートしています。
- 例) rows: 5
rows: "30px" - 行の分割数、または行の高さを指定します。 単位はpxのみサポートしています。
- cols
- Number | String default: 1
- 列の分割数、または列の幅を指定します。
単位はpxのみサポートしています。- 例) rows: 5
rows: "30px" - 列の分割数、または列の幅を指定します。
- rowDelay
- Number default: 300
- 分割されたセルの縦方向の遅延時間を指定します。
単位ミリ秒。 - 分割されたセルの縦方向の遅延時間を指定します。
- colDelay
- Number default: 300
- 分割されたセルの横方向の遅延時間を指定します。
単位ミリ秒。 - 分割されたセルの横方向の遅延時間を指定します。
- delay
- Number default: 300
- 分割されたセルの縦方向、横方向の遅延時間を指定します。
単位ミリ秒。
rowDelay、colDelayが指定されている場合はrowDelay、colDelayが優先されます。 - 分割されたセルの縦方向、横方向の遅延時間を指定します。
- order
- String default: "down-right"
- rows、colsが2以上のとき、セルを表示する順番を指定します。
指定可能なキーワード
"down-left", "down-right", "up-left", "up-right", "ranom" - rows、colsが2以上のとき、セルを表示する順番を指定します。
- border
- String default: "8px solid #999999"
- CSSのborderと同じです。
未指定の場合は、border-widthが8px未満のときは4px、4px未満のときは0になります。 - CSSのborderと同じです。