旋转显示图像＆amp;改变部件的颜色

Question

我想在网页中显示一个可以旋转（360度）的对象。另外根据选择我们需要改变某些部分的颜色。例如，请查看以下链接。

http://www.adidas.com/us/mi-gazelle-shoes/4001877_M.html?pr=CUSTOMIZE_IMG_mi%2520Gazelle%2520Shoes&cm_sp=MIADIDAS_HOME-_-CUSTOMIZE_GAZELLE

或

go to adidas.com/us and select customize any shoes

或查看截图

根据我的想法，我们可以将对象形状分成小块，并将它们放在每侧的css中，大约8个图像，以显示每侧的360度图像视图。另外，在点击每个部分时，我们可以使用javascript以编程方式更改该部分的颜色。

你们有没有在你的页面中使用过这样的东西，或者你知道任何插件来实现这一点。对此的任何建议将不胜感激。

我不想要任何代码片段，我只想了解如何轻松实现这一点（就像在adidas网站上那样）。

一些想法。

1. 我对svg知之甚少，svg无论如何还是有用的吗？

2. 通过提供一组图像，为360度显示图像提供任何第三方插件。

3. 使用Dreamweaver或某些工具在图像中绘制地图并以编程方式更改该部分的颜色，这可能吗？