CodeThat.com

CodeThatScroller - Scroller's effects










var DemoDef = {
	"mode" : "slide",
	"style" : {
		"width" : 300,
		"height" : 230,
		"bgimg" : "img/bg3.gif",
		"view" : {
			"width" : 225, "height" : 150,
			"offset" : {
				"x" : 38, "y" : 20
			}
		},
		"css" : ""
	},
	"itemeffect" : "revealTrans(duration=1, transition=23)",
	"position" : {
		"absolute" : false, "x" : 0, "y" : 0
	},
	"scroll" : {
		"type" : "auto",
		"step" : 5,
		"timer" : 30,
		"dir" : "e",
		"pause" : 1500,
		"cycle" : true,
		"ctrlstyle" : {
			"width" : 70, "height" : 30, "align" : "center"
		},
		"ctrlpos" : {
			"x" : 10, "y" : 180
		},
		"control" : [
		{
			"type" : "button", "act" : "stop", "text" : "[ Stop ]"
		},
		{
			"type" : "button", "act" : "pause", "text" : "[Pause]"
		},
		{
			"type" : "button", "act" : "start", "text" : "[Start]"
		},
		{
			"type" : "button", "act" : "rew", "text" : "[ Rew ]"
		} ]
	},
	"items" : [
	{
		"type" : "HTML",
		"src" : "<p>Scrolling type is AUTO
		<p>Control type is BUTTON
		<p>Mode is SLIDE",
		"style" : {
			"bgcolor" : "#EEEEEE",
			"color" : "#696969"
		}
	},
	{
		"type" : "IMG",
		"src" : "img/frog.gif",
		"effect" : "revealTrans(duration=3, transition=23)"
	},
	{
		"type" : "IMG",
		"src" : "img/lake.gif"
	} ]
};