dressing object : "dressing"

dabSalad()のデフォルトイフェクトです。分割した画像を組み合わせてアニメーションを行います。

jQuery(selector).dabSalad( [option,] image, count, dressing [, dressing, ...] );
jQuery(selector).dabSalad( [option,] images, dressing [, dressing, ...] );

プロパティ

{
	dressing: "dressing",
	color: "transparent",
	interval: 4000,
	duration: 1000,
	effect: ["fade"],
	rows: 1,
	cols: 1,
	rowDelay: 300,
	colDelay: 300,
	delay: 300,
	order: "down-right"
}
dressing
String "dressing"
ドレッシングの種類を指定します。"dressing"固定です。
color
String default: "transparent"
背景色を指定します。
#に続く16進6桁、またはrgb()、rgba()で指定してください。
#FFFFFF
interval
Number default: 4000
前の画像イフェクトが終了してから画像変更イフェクトを開始するまでの待ち時間です。
このドレッシングの前の画像が表示されている時間です。
duration
Number default: 1000
表示イフェクトの実行時間です。
単位ミリ秒。
effect
Array default: ["fade"]
表示アニメーションを配列で指定します。
上下、左右のイフェクトを２つ以上同時に指定する事はできません。
指定可能なキーワード
"slidedown", "slideup", "slideleft", "slideright", "wipedown", "wipeup", "wipeleft", "wiperight", "slidedownturn" "slideupturn", "slideleftturn", "sliderightturn", "wipedownturn" "wipeupturn", "wipeleftturn", "wiperightturn", "fade"
例)
effect: ["fade", "slidedown", "slideleft"]
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"