coding (RSS)

jParallax enables 3rd View Dimension of Pictures

September 10, 2008 in coding

jParallax enables you to make really awesome 3D feeling picture effects by turning a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way. Check out the demo.

diagram_parallax jParallax enables 3rd View Dimension of Pictures

The diagram abovet illustrates what Parallax does to the html:

<ul id=“parallax”>
<li></li>
<li></li>
</ul>

Spread the words

Digg Del.icio.us Stumble Float Technorati Bump
Whatever you want to say!
Leave a Comment »

Sam
Sep 10, 2008
No: 3 / ID: 2555

wow, hats off!


Andrei
Sep 10, 2008
No: 2 / ID: 2553

Excellent. I could imagine a lot of fun uses for this.

Leave a comment!
Note: You can also use your free Gravatar avatar on Knowtebook! Please also read our Publishing Policy before posting.

Ja, ich möchte bei Kommentaren benachrichtigt werden!

Trackbacks/Pings
Trackback-URL

jParallax enables 3rd View Dimension of Pictures | CrazyLeaf Design Blog
Sep 13, 2008
ID: 1

[…] you to make really awesome 3D feeling picture effects by turning a selected element into a window. View source Posted in : General Post statistics : 1 […]