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