drag and share
  • Twitter
  • Delicious
  • Facebook
  • Digg
  • Reddit
  • Stumbleupon
02

Oct

2

jParallax

By: Mark Dijkstra    In: CSS Images jQuery

http://www.opensourcehunter.com/2008/10/02/jparallax/

Parallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport.

Hello you, if you are new here, you might want to subscribe to our RSS feed for updates on this article and our site.

x

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.


See a demo here

Written by: Mark Dijkstra

Mark Dijkstra is the founder and main writer of OpenSourceHunter. He's also a passionate freelance web developer and designer. Mark is one of those people that spend too much time on the internet to keep up with all of the trends and tools.
You can follow Mark on twitter @ MarkDijkstra

Share this Story

If you enjoyed reading, consider sharing the love with the rest of the world.

Share

2 Comments

Long Beach Web Design

October 11, 2008

Very cool effect. I want to do this to my website.

The Hunter

October 11, 2008

@Long Beach Web Design -
I don’t have seen a site that uses this effect so you might be the first. Let me know when you have used this effect in a website.

greetz

Add Your Comment

Your name

March 10, 2010

We use Gravatars on OpensourceHunter, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too. Get your Gravators account here!