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