CodeThatScroller Items

To describe a scrolled information items, either image or HTML code, use the construction like this:

"items" :
[
{
	"type" : "HTML",
	"src" : "You can set a separate link
	for each image in the slideshow.",
	"style" : {
		"width" : 200,
		"bgcolor" : "#CCCCCC",
		"color" : "blue",
		"css" : ""
	},
	"comment" : "separate link for each
	image in the slideshow",
	"act" : { },
	"effect" : "revealTrans(duration=1, transition=23)"
} ]

type - Describes the type of an item. HTML items can contain any HTML code or text while IMG items contain only images. The difference between them is how their properties are interpreted.

src - Source string. When item type is "IMG", specifies the source URL string, otherwise specifies the HTML code to display.

style - Style of an item. Width and height properties are optional. When you want just to show a text within a widget, you may not specify any of them. The height and width properties will be set automatically.

Note: when you specify large amount of text to be scrolled horizontally, it's better to specify item's width, otherwise the width property value will be taken from the view's one.

Read more about comment area description.

effect - The effect filter to apply to the item (for MSIE 5.5+ only).

Read more about specific scroller effects .

act - Action settings for items with IMG type.

To specify item actions use the construction like this:

"act" : { "js" : " " // JS code "url" : " " // go to URL "target" : " " // link target "title" : " " // item hint }

Example - HTML and image items. Actions.

You can see an example and complete code here - HTML and image items. Actions [popup]

Read more about CodeThatScroller >>