Get previous index using custom Transition

[jcsuzanne]

Hello everyone,

first of all, thanks for this beautiful library!

I would to know if there is a way to get the previous index when using the start method on custom transition on the v3.

The documentation tells

export function MyTransition( Splide, Components ) {
  // Optional
  function mount() {
  }

  // Required
  function start( index, done ) {
  }

  // Required
  function cancel() {
  }

  // Optional
  function destroy() {
  }

  return {
    mount,
    start,
    cancel,
    destroy,
  };
}

It seems we only get access to the new index and it would help to also have the starting index before the new one to make a smooth transition (using greensock).

I managed to do that on the v2 but it seems this information is not accessible in the v3 update.

I'm searching for something like this

export function MyTransition( Splide, Components ) {
  // Optional
  function mount() {
  }

  // Required
  function start( newIndex, oldIndex, done ) {
  }

  // Required
  function cancel() {
  }

  // Optional
  function destroy() {
  }

  return {
    mount,
    start,
    cancel,
    destroy,
  };
}

Thanks for your help!

[NaotoshiFujita]

You can get the old index from the Controller component:

function start( index, done ) {
  const prev = Components.Controller.getIndex( true );
}

https://splidejs.com/components/controller/#getindex

[jcsuzanne]

Thanks for the answer!

I saw and tested this solution but i got weird result as the getIndex was returning the adjacent previous element (on the case where i want to go to the slide 10 from the slide 4 for example)
I will retry it!

[NaotoshiFujita]

Make sure that the argument is true. I'm using the method in the core component. If it does not work, the slider will be broken.