CodeThat.com

CodeThatScroller - HTML and IMAGE items. Actions







 

var DemoDef =
{
	"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>You can enlarge image by clicking at it.",
		"style" : {
			"bgcolor" : "#EEEEEE",
			"color" : "#696969"
		}
	},
	{
		"type" : "IMG",
		"src" : "img/caterpillar.gif",
		"act" : {
			"js" : "openWin('300', '300'));return false",
			"target" : "_blank",
			"title" : "Enlarge picture"
		}
	} ]
};