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