Slideshow with previous and next

[JobV]

Hi,

 

i'm trying to make a interactive slideshow with the buttons next, play, pause and previous. But I can not make the next and previous buttons work.

Is there anyone who can help me?

 

Tanks!

See the Pen %22%3EaqNKbd%3C by JobVoskes (@JobVoskes) on CodePen

[Sahil]

It's not really good idea to just copy paste code in codepen when asking for help on forum. For example, you have posted images which are not present, the next and previous buttons are labeled as test1, test2 and most importantly your slider wasn't even visible to see what and if anything is happening.

 

Anyway,

1. nothing was working because you copied exact same code for next button and renamed it for previous button and click event was created on wrong id.
2. I fixed that and added a little more code so if you click fast, it will speed up the ongoing animation and then it will call next slide in 0.1 second.
3. I also changed all animations to animate xPercent instead of left, because animating left/top can give you poor performance.
4. On every click event you have this code 'TweenLite.to(playBtn, {});', what do you expect it to do?

See the Pen jZrNyJ?editors=0010 by Sahil89 (@Sahil89) on CodePen