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 >>