使用jquery创建透视对象

Question

如何创建具有透视的对象。

例如：http://www.spaceslide.co.uk/design-your-own.php?stage=5

在步骤5中，您可以看到滑动衣柜。如果你愿意，你也可以看到侧面（左侧或右侧）。我认为这是用JQuery创建的。我的问题是，这是如何创建视角并填充图像的？

还是你创建的角度

Answer 1

我不能做任何事情幻灯片更好的想法，但我可以看到衣柜的侧面的立体图。

背景图像上覆盖有两个半透明gif，遮挡图像的一部分。

下面是GIF格式之一：

http://www.spaceslide.co.uk/static/images/configurator/masks/endpanel-top-left.gif

另：

http://www.spaceslide.co.uk/static/images/configurator/masks/endpanel-bottom-left.gif

Answer 2

您可以探索更多的在舞台上5，他们使用slidejs Java脚本库，提供此功能。

要着色门，他们使用了panzoom.js库。给页面部分着色的例子给出here。