Creating A Slideshow

A slideshow is created by using a series of calls to the .step() method. Associated with each step, you use method calls to define or show the appropriate data structures and UI elements along with any actions to take place (such as swapping elements in an array or highlighting an element).

.step()

Marks that a new step in the animation will start. Basically, everything within one step will be animated simultaneously when moving backward and forward.

Returns: A JSAV object. Thus, this method may be chained with, for example, the umsg method.

.recorded()

A call to this method is placed at the end of the series of .step() method calls to start the slideshow.

.displayInit()

Marks the current state of the visualization as the state where the animation will start. That is, what will be displayed initially.

Returns: A JSAV object. Thus, this method may be chained.

.animInfo()

This will return an object that has two properties: number of slides and and number of effects. It might be better used when called from somewhere like the FireBug command line than in an actual AV implementation. It can help a developer to optimize the complexity of the slideshow.

The counter element

A slideshow counter showing the position in slideshow (e.g. 2/120) can be added by including a DOM element with class jsavcounter inside the container. For example, you can add <span class="jsavcounter"></span> to some DOM element to attach the counter.