<https://greensock.com/forums/topic/36938-how-prevnext-pagination-can-work-with-draggable-slider/#comment-184692>
<http://schema.org/text>
"Hi,\n \n\n\n\t \n \n\n\n\tSorry for the late response.\n \n\n\n\t \n \n\n\n\tI fiddled with your example for quite a bit and I couldn't find a way to make it work. The one approach that you should take is to use the index value to update the progress of the animation based on the button the user clicks using a quickTo instance:\n \n\n\n\thttps://greensock.com/docs/v3/GSAP/gsap.quickTo()\n \n\n\n\t \n \n\n\n\tThen you have to translate that into the Draggable instance's values as well in order to keep everything in sync.\n \n\n\n\t \n \n\n\n\tHere is super simplified instance with an obvious glitch on it and that doesn't sync the Draggable instance with the click events:\n \n\n\n\t\n&#13;\n&#13;\n&#13;\n See the Pen rNqqmrq by GreenSock (@GreenSock) on CodePen &#13;\n&#13;\n\n\n\n\n\t \n \n\n\n\tThe challenge here is check the current progress of the animation, specifically when you get to either 0 or 1, and make set the progress to the opposite value depending on the direction to avoid that odd jump. Then update the progress with the x value in the Draggable instance so the proxy element reflects the updated progress as well to avoid those odd jumps.\n \n\n\n\t \n \n\n\n\tUnfortunately creating this is not the simplest of tasks and we don't have the time resources to create custom solutions for our users. If you want you can post in the Jobs &amp; Freelance forums or contact us for paid consulting.\n \n\n\n\t \n \n\n\n\tHopefully this helps in some way to get you started.\n \n\n\n\tHappy Tweening!\n \n"
<https://greensock.com/forums/topic/36938-how-prevnext-pagination-can-work-with-draggable-slider/>