使用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。