CodeThatScroller Introduction
With CodeThatScroller you can:
customize various styles for your scroller
use all Microsoft provided filters to create various special effects for the images
manual or automatic control of the slide show presentation
ability to add comments to the displayed content
ability to set a separate link for each image in the slideshow. Users trigger the link by clicking the image or by clicking a separate link or button.
You can open a new window for each link, and even set the window attributes
Read Standard vs PRO to know the differences between CodeThatScroller Standard and PRO.
The configuration of the scroller can be stored in the separate js file.
To describe new scroller create an object with following structure:
var ScrollerDef = {
"mode" : "",
"style" : { },
"position" : { },
"scroll" : { },
"itemstyle" : { },
"effect" : "",
"preload" : boolean,
"preload_num" : Int,
"items" : [ ]
};
where
mode - Describes the widget's show mode ('scroll' or 'slide').
Read more about scroller mode.
style - Describes the most common style settings for scroller.
JS syntax : style : {
/* style properties */
}
.
Read more about scroller style.
position - Describes the positioning of the widget.
JS syntax : position : {
/* positioning properties */
}
Read more about scroller position.
items - a set of HTML or/and IMAGE objects that are shown at the scroller
Read more about scroller items.
scroll - Describes whole scrolling configuration for a widget.
JS syntax : scroll : {
/* scrolling settings */
}
Read more about scroller configuration.
itemstyle - Describes the most common style settings for objects inside the scroller.
Read more about style.
effect - Default transition effect to apply in "slide" mode.
Read more about scroller effects.
preload - Specifies whether to preload images specified in items of type "IMG".
preload_num - Number of images to preload first.
Read more about scroller preloading.
Read more about CodeThatScroller >>
|