Go to certain li element

[lizzie1987]

Hi there,

I'm a sort of newbie to js and I was wondering if the following is possible?

If I make a link on one page, and when clicked/touched on, I want it to go to a certain li element. So not next or previous but for example 3 slides further, how do I do this and is this even possible?

I guess I have to name the li elements and change something in the onclick?

Hope someone can help me!
Regards,
Lizzie

[oslego]

Hi lizzie1987,

You can jump to a specific element, based on its index.
The Swipe API provides the .slide(index, duration) method.

You'd use it like this:

// considering #slider has an UL list as a fist child node. 
var mySwipe = new Swipe(document.getElementById('slider'));

// the button that makes the jump when clicked
var theTrigger = document.getElementById('trigger');

// handle the "onclick" event nicely
theTrigger.addEventListener("click", function(){

  // jump to the 4th LI element (4th, because it's a zero-indexed array)
  // animate across 500 milliseconds
  mySwipe.slide(3, 500)
})

[ghost]

Might be useful to add this and small snippet examples of the api in the docs