Question

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

Was it helpful?

Solution

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.

OTHER TIPS

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.

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:

default round slider - jQuery plugin min-range round slider - jQuery plugin range round slider - jQuery plugin

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top