CodeThatScroller - HTML and IMAGE items. Actions
var DemoDef = { "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>You can enlarge image by clicking at it.", "style" : { "bgcolor" : "#EEEEEE", "color" : "#696969" } }, { "type" : "IMG", "src" : "img/caterpillar.gif", "act" : { "js" : "openWin('300', '300'));return false", "target" : "_blank", "title" : "Enlarge picture" } } ] };