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