Mikoon Webservices

For a recent project we needed a 360-degree product viewer which supports hotspot-functionality. After some research we found quite a few flash-based components, yet neither of them quite met our needs. 

So I decided to write one in pure javascript…

Features

• 360 degree ‘product’ rotation in any amount of steps
• Unlimited hotspots linked in the 3D space of the rotating product
• Automatic rotation and/or control rotation by dragging, slider, …
• Nearly everything is customizable!

Examples

Check out the examples:

Example 1: 180 slides of a rotating iPhone 4 (images courtesy of Apple) with 5 hotspots, auto loop on
(note: it might take some time to load the images, it’s about 4MB, watch your status bar for progress)

Example 2: 72 slides of a rotating Optimus Prime action figure (images courtesy of Hoezo-Media) with 5 hotspots, auto loop off

Download

You can download the js-file here.

Required: MooTools version 1.2 or higher.
It should be easy to adapt to the class to work with other libraries such as jQuery though…

License

ProductRotator is licensed under the terms of the MIT License.

Credits

ProductRotator was created by Mikan Huppertz, Mikoon Webservices.
Credit should be given to the authors the excellent MooTools library as well.