animation

This object property is about to describe the animation of the slider and messages.

This object property is required.

Sub-properties:

runOnInit
Required: no Type: boolean Default: true Version: 2.0 +
A boolean value which says in the case of "true" (default) to start animation automatically.
waitAllImages
Required: no Type: boolean Default: false Version: 1.3 +
A boolean value which says in the case of "true" to wait with displaying until all the pictures are loaded.
effects
Required: yes Type: mixed Default: null Version: 1.2 +
Can be string, array of strings, array of objects. A set of effects.
interval
Required: yes Type: integer Default: null Version: 1.2 +
Amount of milliseconds to be used as an interval between animations.
initialInterval
Required: no Type: integer Default: property "interval" Version: 1.3 +
Amount of milliseconds to be used as an interval before start of the first animation.
showMessages
Required: no Type: string Default: null Version: 1.2 +
The rule to choose the next message. If "random" is chosen, the messages are chosen randomly, if "linked" - every message is displayed corresponding to the image in images array. Any other changes messages one-by-one by the changeMessagesAfter specified.
changeMessagesAfter
Required: no Type: integer Default: 1 Version: 1.2 +
Amount of images passed before the message is changed. Is not used with showMessages = "random" or "linked".
messageAnimationDirection
Required: no Type: string Default: null Version: 2.0 +
Can contain comma-separated "left","up","right","down" in any order - these values will be randomly chosen for message animation. If is not set up then message is not animated.
messageAnimationDuration
Required: no Type: integer Default: 800 Version: 2.0 +
The length of animation, ms.
messageAnimationMaxHorLength
Required: no Type: integer Default: null Version: 2.0 +
The maximum path of message in pixels for directions "left" and "right".
messageAnimationMaxVerLength
Required: no Type: integer Default: null Version: 2.0 +
The maximum path of message in pixels for directions "up" and "down".
changeSameMessage
Required: no Type: boolean Default: false Version: 2.0 +
If set to false and the next message is totally the same then it is not changed (no animation, no event triggered).

Examples

Use an effect "fadeOut" with 1 second length, 2 seconds of interval between animations, show the messages randomly.

JavaScript
animation: {
    effects: "fadeOut:1000",
    interval: 2000,
    showMessages: "random"
}