JSani Frame Labels Examples

Example 1: Frame labels specified via frameLabels option.

Example 2: Frame labels specified via imageSrcs option.

Example 3: Frame labels control (framelabels) specified, but no frame labels specified - default labels should be displayed.

View the source code to see how this works.

Notes:

Normally, the order in which controls are specified in the control option corresponds to the order in which the controls are displayed, left to right. This doesn't apply for the framelabel control - it will always be displayed on a separate line.
If the framelabel control is specified in the controls option, but no frame labels are actually specified (either via the frameLabels or imageSrcs options) then default frame labels will be created - see Example 3 above.
Frame labels that are too long will be truncated. Stopping the animation and hovering your mouse over the label will popup a tooltip via the title HTML attribute.
HTML tags are allowed in frame labels - be careful to not use HTML that will break the JSani animation HTML.