CodeThatScroller Comments and View

You can make you scroller more informative if you use comment area. Here you can put description of your pictures or some other information.

Also you can use view property to describe the view area within a widget.

For this purpose use the construction like at example below:

"style" :
{
	"view" :
	{
		"width" : 250, // Width of a view area in pixels
		"height" : 150, // Height of a view area in pixels
		"offset" : {
			"x" : 25, "y" : 25
		}
		// View area offset within a widget
	},
	"comment" :
	{
		"width" : 30, // Width of the comment area
		// in _text_columns_, not in pixels
		"height" : 4, // Height of the comment area
		// in _text_columns_, not in pixels
		"offset" : {
			"x" : 25, "y" : 210
		}, // Offset of the comment area within a widget.
		"style" :
		{
			"bgcolor" : "yellow",
			"color" : "gray",
			"css" : "txt"
		}
	}
}

"view" - Describes the view area within a widget.

"comment" - Describes comment area that is situated within a widget.

For now the view area object is a textarea form element.

""comment":{"style":{}} - Describes the style for the comment area.

Styles for textareas are supported only in MSIE, NN6+, Opera 7+ and Mozilla. Usually its style is changed with CSS. Width and height properties are not applied since they are overridden by higher-level properties.

To each item where you'd like to show a comment string you should add value for "comment" property:

"items" :
[
{
	"type" : "IMG",
	"src" : "img/dopusk.jpg",
	"style" : {
		"width" : 342
	},
	"comment" : "Dopusk"
} ]

Example - Scroller comments and view

You can see an example and complete code here - Scroller comments and view. [popup]

Read more about CodeThatScroller >>