CodeThat.com

CodeThatScroller - Scroller configuration









 

var DemoDef = {
	"style" : {
		"width" : 300,
		"height" : 230,
		"bgimg" : "img/bg3.gif",
		"view" : {
			"width" : 225, "height" : 150,
			"offset" : {
				"x" : 38, "y" : 20
			}
		},
		"css" : ""
	},
	"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 SCROLL",
		"style" : {
			"bgcolor" : "#EEEEEE",
			"color" : "#696969"
		}
	},
	{
		"type" : "IMG",
		"src" : "img/lake.gif"
	},
	{
		"type" : "IMG",
		"src" : "img/frog.gif"
	} ]
};

var DemoDef2 = {
	"mode" : "slide",
	"style" : {
		"width" : 200,
		"height" : 200,
		"view" : {
			"width" : 150, "height" : 100,
			"offset" : {
				"x" : 25, "y" : 25
			}
		},
		"bgcolor" : "#B6C4D1"
	},
	"position" : {
		"x" : 0, "y" : 10, "absolute" : false
	},
	"scroll" : {
		"type" : "control",
		"step" : 5,
		"timer" : 40,
		"dir" : "s",
		"pause" : 1500,
		"cycle" : true,
		"ctrlstyle" : {
			"width" : 60, "height" : 25,
			"align" : "center"
		},
		"ctrlpos" : {
			"x" : 10, "y" : 155
		},
		"control" : [
		{
			"type" : "link", "act" : "prev", "text" : "[ Prev ]"
		},
		{
			"type" : "link", "act" : "next", "text" : "[ Next ]"
		},
		{
			"type" : "link", "act" : "rew", "text" : "[ Rew  ]"
		} ]
	},
	"itemeffect" : "revealTrans(duration=1, transition=12)",
	"itemstyle" : {
		"bgcolor" : "white"
	},
	"items" : [
	{
		"type" : "HTML",
		"src" : "<p>Scrolling type is CONTROL
		<p>Control type is LINK
		<p>Mode is SLIDE",
		"style" : {
			"bgcolor" : "#EEEEEE",
			"color" : "#696969"
		}
	},
	{
		"type" : "IMG",
		"src" : "img/caterpillar.gif",
		"act" : {
			"js" : "openWin('400', '300');return false;",
			"target" : "_blank",
			"title" : "Enlarge picture"
		}
	} ]
};