Search code examples
javascriptjquery.netclient-sideperspective

creating perspective objects with jquery


How is it possible to create for example an object with perspective.

For example: http://www.spaceslide.co.uk/design-your-own.php?stage=5

In step 5 you can see the sliding wardrobe. If you want, you can also see the side (left or right). I think this is created with JQuery. My question is, how is this possible to create perspective and fill it with an image?

Or do you have any better ideas for creating perspective


Solution

  • I couldn't make anything slide, but I could see a perspective view of the side of the wardrobe.

    The background image is overlaid with two semi-transparent gifs obscuring part of the image.

    Here's one of the gifs:

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

    And the other:

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