Audio editing software has lots of knobs, and they're not hard to use. The thing is you don't turn them with a circular motion, but you click and drag up/down or right/left just like a slider, the rotary control gives you visual feedback while saving a lot of space.
This was real fun: http://jsbin.com/apida/ http://jsbin.com/apida/edit thanks to raphaeljs.com cheers, - ricardo On Jan 26, 5:48 pm, "Jeffrey Kretz" <jeffkr...@hotmail.com> wrote: > If I could second this from a usability perspective. > > I've used a flash-based interface that had a rotating knob. Moving that > with a mouse was counter-intuitive. > > Dragging a straight slider (horizontal or vertical) just felt a lot better. > > JK > > -----Original Message----- > From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On > > Behalf Of Eric Garside > Sent: Monday, January 26, 2009 11:41 AM > To: jQuery (English) > Subject: [jQuery] Re: Implementing a Knob Control > > Canvas is probably the most elegant way to go, especially given the > type of knobs you want. My suggestion is to find a decent resolution > image of the knob you want, then use jquery and canvas to move the > knob, and just keep track of the position. Be aware though, the mouse > isn't really well designed for a knob kind of motion. > > On Jan 26, 1:56 pm, legofish <pen...@gmail.com> wrote: > > by the way by "this approach" I meant the second example on that > > page. > > > On Jan 26, 1:54 pm, legofish <pen...@gmail.com> wrote: > > > > James, yes I mean a rotary control. > > > Eric, here's a real-world example of what I'm trying to implement: > > > >http://www.niji.or.jp/home/k-nisi/sa-9900-h.jpg > > > > I'm looking for control knobs such as those found on a stereo; both > > > continuous ones such as a volume knob, and "n-step" knobs such > > > as the "function" knob in that picture, where the knob can only be > > > rotated in n steps. > > > > I found some leads which I was going to try. I was going to mix this > > approach:http://blog.circlecube.com/2008/03/tutorial/interactive-spin-action > sc... > > > > with the jquery rotate > plugin:http://stackoverflow.com/questions/365820/howto-rotate-image-using-jq > ... > > > > Still, your help would be immensely appreciated. Of course I would > > > want the knob image to look like it's rotating, but I also want the > > > control > > > to return a value depending on its position, similar to how a slider > > > returns a value. > > > > Thanks again > > > > On Jan 26, 10:20 am, Eric Garside <gars...@gmail.com> wrote: > > > > > Legofish, > > > > > I've got a couple ideas which might get the job done, but they all > > > > depend on what "style" of knob you want. Take a look around a google > > > > image search, and see if you can find a good representation of the > > > > type of knob you want. Then we can go from there. :) > > > > > On Jan 26, 10:03 am, "James Hughes" <j.hug...@kainos.com> wrote: > > > > > > Do you mean a gague control? IE some sort of rotary control vs a > slider? > > > > > > ________________________________ > > > > > > From: jquery-en@googlegroups.com on behalf of legofish > > > > > Sent: Mon 26/01/2009 14:49 > > > > > To: jQuery (English) > > > > > Subject: [jQuery] Implementing a Knob Control > > > > > > Hi, > > > > > I need to implement a knob control for one of my projects (eg. a > > > > > volume knob). Ideally I would like to use jquery. I have spent some > > > > > time searching for any resources to get started. Not only I can't > find > > > > > anything in jquery, I can't find anything even resembling a knob > > > > > implementation in javascript in general. I did find a few sites who > > > > > sell VB or .net knob controls, but nothing in js. > > > > > > anyway, not sure if anyone can help, but any hints towards a > resource > > > > > or starting point would be much appreciated. > > > > > > -------------------------------------------------------------------- > > > > > This e-mail is intended solely for the addressee and is strictly > confidential; if you are not the addressee please destroy the message and > all copies. Any opinion or information contained in this email or its > attachments that does not relate to the business of Kainos > > > > > is personal to the sender and is not given by or endorsed by Kainos. > Kainos is the trading name of Kainos Software Limited, registered in > Northern Ireland under company number: NI19370, having its registered > offices at: Kainos House, 4-6 Upper Crescent, Belfast, BT7 1NT, > > > > > Northern Ireland. Registered in the UK for VAT under number: > 454598802 and registered in Ireland for VAT under number: 9950340E. This > email has been scanned for all known viruses by MessageLabs but is not > guaranteed to be virus free; further terms and conditions may be > > > > > found on our website -www.kainos.com
