treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Is this even Possible???

  • I am working on a layout for the special needs community that contains a circle of sorts, that contains eight choices on the wheel for them choose from. They would like to have the circle rotate around, have the eight selection options each clickable, Ohh and finally have it work with mobile devices which rules out flash, which was the first thing I attempted.

    Is this even possible, and would you please give me some guidance on how to make this happen?
    Thank You
    http://uncommonbond.info/search.html
  • Hello,

    Do you have a visual for that?
  • I've only run into three circular menus (two by Stu Nicholls)



  • how crazy are you about IE support?
    you can use css transforms (for the rotate part) and css transitions (for a smooth rotation)

    mixed in with some jquery to control the changes.
  • Thank you for your response, I am with you on the css. my dilemma comes in with how to make each segment clickable as it spins, can you give me an example?
  • I'm kind of with elneco in that I'd make it only rotate in newer browsers and leave it stationary in IE. Or I might present an alternative - maybe similar to the Donut above, could you make it where it doesn't spin, but has pie wedges that have a description and they animate out to include a lot more info? I'd honestly think that would be more user friendly than having someone chase the circle to click on what they want.