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"
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"
border
String default: "8px solid #999999"
CSSのborderと同じです。
未指定の場合は、border-widthが8px未満のときは4px、4px未満のときは0になります。