"mode":"slide",
"style":
{
"width": 300,
"height": 180,
"bgcolor" : "#B6C4D1"
},
"position":
{
"x":10,
"y":10,
"absolute" : "true"
}
"mode":"slide",
"style":
{
"width": 250,
"height": 200,
"bgimg" : "img/bg2.gif"
},
"position":
{
"x":10,
"y":10,
"absolute" : "true"
}
var DemoDef = {
"mode":"scroll",
"style": {
"width": 300,
"height": 170,
"view": {
"width": 250, "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":30, "y":135 },
"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 set a separate link for each image in
the slideshow.<p>Users trigger the link by clicking
the image or by clicking a separate link or button.
<p>You can open a new window for each link, and even
set the window attributes." ,
"style": {
"bgcolor":"#EEEEEE",
"color":"#696969"
}
},
{
"type":"HTML",
"src":"<p>You can set a separate link for each
image in the slideshow!!!",
"style": {
"bgcolor":"#EEEEEE",
"color":"#696969"
}
},
{
"type":"IMG",
"src":"img/1605anim1a.jpg"
}
]
};
var DemoDef1 = {
"mode":"slide",
"style": {
"width": 250,
"height": 200,
"view": {
"width": 200,
"height":100,
"offset": { "x":25, "y":25 }
},
"bgimg" : "img/bg2.gif"
},
"position": { "x":10, "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":30, "y":175 },
"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 set a separate link for each
image in the slideshow.<p>Users trigger
the link by clicking the image or by clicking
a separate link or button. <p>You can open a new
window for each link, and even set the window
attributes." ,
"style": {
"bgcolor":"#EEEEEE",
"color":"#696969"
}
},
{
"type":"HTML",
"src":"<p>You can set a separate link for each image
in the slideshow!!!",
"style": {
"bgcolor":"#EEEEEE",
"color":"#696969"
}
},
{
"type":"IMG",
"src":"img/1605anim1a.jpg"
}
]
};