Quick Links 
Download CodeThatScroller STD
Order CodeThatScroller PRO

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"
                               }
		}
	]
};