need help on what to focus/element for carousel with slider bar animation

[candiceysl]

Help, help, help....
I'm new to GSAP, i need to create a one page website whereby the main section is an animated carousel via slider that look like this:
http://assets.wwf.org.uk/custom/foodstory/
​its a carousel with slider bar, that user can drag the slider to view the animation. the slider some more is need design as per example. OMG

but i really no idea how/where to start with it. can i have an example to refer with? (

Please & TQVM T.T


 

[Carl]

Hi and welcome to the GreenSock forums,

 

Thanks for providing the sample. We really can't go through all the steps of building something like that. I'm sure its tempting to want to jump in and start building amazing things but if you rush through the basics you are only going to face lots of frustration.

 

Please watch the video here: http://greensock.com/get-started-js and practice with the small examples in the Jump Start.

 

I wasn't sure if you needed help with building the carousel of many slides or the slider component. Either way here are some demos that I found for each

 

Diaco multi-slide carousel

http://codepen.io/MAW/pen/yYradO?editors=0010

http://codepen.io/MAW/pen/XmozON

 

Use slider / scrubber to control animation

http://codepen.io/GreenSock/pen/Dtqwz

http://codepen.io/GreenSock/pen/b82bf4d410cc4d7fccd6f86b44d439fb?editors=0010