Just getting starting with JS and GSAP, had a question about what I'm trying to achieve:
There's a GSAP 360 slider of a image sprite created here:
if you swipe / mouse drag you cursor over the sprite, it animates through the sprite creating the 360 view.
I wanted to add a input slider such that the input slider could also be dragged / swiped on as an additional way of advancing through the sprite sequence.
The final sequence i'm trying to get to work with the swiping + input slider is something like this :
Connecting a 360 slider to HTML input range
in GSAP
Posted
hello!
Just getting starting with JS and GSAP, had a question about what I'm trying to achieve:
There's a GSAP 360 slider of a image sprite created here:
if you swipe / mouse drag you cursor over the sprite, it animates through the sprite creating the 360 view.
I wanted to add a input slider such that the input slider could also be dragged / swiped on as an additional way of advancing through the sprite sequence.
The final sequence i'm trying to get to work with the swiping + input slider is something like this :
https://codyhouse.co/demo/360-degrees-product-viewer/index.html
Any way to append a HTML slider to that GSAP 360 mentioned earlier?
Sorry about the noob question, any inputs would be super helpful!
Thanks!
See the Pen IeLGB by jamiejefferson (@jamiejefferson) on CodePen