Display animation on scroll left or right

[Juno911]

I am trying to rebuild a application like this:
 

See the Pen GrZpQJ?page=2 by 10Dimensional (@10Dimensional) on CodePen

If user swipes left or right, I want to to display an animation (e.g. an image delivered through a div) which then disappears after time again.

An example can be found here:

See the Pen japZpY?page=1 by RobVermeer (@RobVermeer) on CodePen

 

Any idea how to approach? Thanks a lot!

[Juno911]

I thought TimelineLite looks fine, since it can influence objects while swiping the application. However, I had no change to merge these two functions into one final process. Any help appreciated much! Maybe it can be used to make an animation happen while swiping and stopping the animation once swipe is done. Maybe something like this. Any other approach is welcome as well.

[Juno911]

I nailed it by the usage of onDrag and onDragEnd!
This case can be closed. Thanks anyway

[PointC]

We're glad to see you got it figured out @Juno911.

 

Thanks for letting us know and thank you for joining Club GreenSock. Happy tweening.