round slider select

Question

Is there a jQuery-based 360 rotational slider, where the user can grab the end and rotate it 360 degrees?

Answer 1

Check out this example at interface.eyecon.ro, it has a circle and a draggable handle and from looking at the page source it's not too complicated.

Answer 2

The only proper way for you to get this done in a way a client appreciates is by diving into HTML CANVAS element. I don't think one has been done for your purpose but I remember a while ago I saw soundmanager api company experimenting with 360 sliders in canvas for seeking time laps of sound on their player.

Answer 3

I know this is a very late answer but i hope this is useful for the upcoming users.

An jQuery roundSlider plugin is a perfect plugin for your requirement.

This roundslider having the similar options like the jQuery ui slider. It support default, min-range and range slider type. Not only the round slider it also supports various circle shapes such as quarter, half and pie circle shapes.

For more details check the demos and documentation page.

Please check the live demo from jsFiddle.

Screenshot of the Output: