Navigate between slides with items

In this example you will see a Manual slider with three slides, and on the three slides there will be a Flipper, an Image and a Caption item. The javascript code on the Image and Flipper item will be, so they will be my navigations, and the Caption item will have the main Image.

Slide 1

This code will go into the first slide’s Flipper item’s Event on mouseclick option to make it go to the 2nd slide:

njQuery('#nextend-smart-slider-100059').smartslider('goto',1);

event_on_mouseclick1

And this on the Image item’s Event on mouseclick option to make it go to the 3rd slide:

njQuery('#nextend-smart-slider-100059').smartslider('goto',2);
Slide 2

The Flipper item’s Event on mouseclick code to go to the 3rd slide:

njQuery('#nextend-smart-slider-100059').smartslider('goto',2);

event_on_mouseclick2

Image item’s Event on mouseclick code to go to the 1st slide:

njQuery('#nextend-smart-slider-100059').smartslider('goto',0);
Slide 3

The Flipper item’s Event on mouseclick code to go to the 1st slide:

njQuery('#nextend-smart-slider-100059').smartslider('goto',0);

event_on_mouseclick3

Image item’s Event on mouseclick code to go to the 2nd slide:

njQuery('#nextend-smart-slider-100059').smartslider('goto',1);

Now it’s done, and the slider will navigate with the left two items from every slide.