Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
candiceysl

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

Go to solution Solved by Carl,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

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


 

Link to post
Share on other sites

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

  • Like 4
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×