Ideas on how to create rotating icon carousel?


Under the header of this site there’s a rotating wheel with icons on it that displays text in the centre as it turns. It will also rotate whatever icon you click to the top. I’ve been asked to recreate this style for a client but I’m not sure where to begin. Does anyone know of any tutorials or js libraries that might help me figure out how to do this?

Any advice would be greatly appreciated. Thanks!

Can’t help with the JS but I do have a demo of a spinning circle that might help a little to get started.

Ana Tudor does it a lot better here though :slight_smile:

You’d basically need to do those transform rotations when someone clicks the item and then just rotate the correct number of degrees for the outer and the icon image. Hopefully someone else can supply the JS :slight_smile:

There are other round demos on the web and this one seems close to what you want.

Thanks! That gives me some ideas to think about.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.