Control panel

Simple control panel

The demo shows the first type of control panel below the slider: usual buttons which are rendered using corresponding classes from CSS.

Simple control panel over the slider

The demo shows the first type of control panel over the slider: usual buttons which are rendered using corresponding classes from CSS.

Preview control panel

The demo shows the second type of control panel below the slider: images which are rendered using corresponding classes from CSS.

Here we also track the event when the animation is started and move the scroll to the active picture. This is really useful if the list is too big. slider.currentImage - 2 means to leave 2 pictures from the left if it is possible.