Jump to content
Search Community

Use Draggable "spin" plugin as dial to move another element?

norach14 test
Moderator Tag

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

Hi,

 

I will be creating a mobile project where there would be a dial (think knob) and I want the user to spin the dial – as shown here: http://greensock.com/js/demo/throwprops/

But I need the spinning of the dial to activate another element on the page, such as moving a slider of images like next/prev buttons do. So, as the user spins the dial, an image would move across the page. Once the dial reaches a certain increment another image would move across, etc. Is this possible to do using Draggable plugin?

 

Thanks

Link to comment
Share on other sites

You mean like this?:

See the Pen gnoDc by GreenSock (@GreenSock) on CodePen

 

Sure, you should be able to build just about anything you want :)

 

By the way, where did you get that link to the /js/demo/throwprops/? It should be http://www.greensock.com/draggable/

Yes! That's exactly what I was hoping to achieve. So glad to have found greensock. You are amazing, thank you!

 

I'm not sure where I got that link from, but it was in one of these forum threads.

  • Like 1
Link to comment
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.
×
×
  • Create New...