A (not so) simple slide scale driven with iFSM

This example shows an horizontal slider made up of a cursor and a background where the cursor moves.

Steps may be defined where the cursor should be set when the mouse button is released.

Steps may be "sticky" meaning that the cursor will move step by step when the mouse moves...

Events that are sent to any listening objects are :

• "slideCursorMoveStart": cursor starts to move (mousedown)
• "slideCursorMoveStop": cursor was released (mouseup)
• "slideCursorMove": cursor moves along the slider
• "slideCursorMoveToStep": cursor is on a step of the slider

the cursor reacts to:

• the click of the mouse on the left or the right of the cursor
• the mouse move on the cursor or the slider
• the 'swipe' of your finger on mobile
• the 'wheel' of the mouse

Slide free to move...

Slide with 10 steps (0 to 9) with no "sticky steps" when moving the mouse

Slide with 50 steps with "sticky steps"

provided by Intersel