Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

parallax


jQuery Image Parallax

Submitted by sohnee on September 10, 2010 - 1:35pm

The jQuery Image Parallax project is a plugin that gives an illusion of depth to an image with transparency (PNG, GIF) by repeating it and animating movement.

You can either use the built-in duplication or supply a list of images to be used by the animation.

View a demonstration

Read the documentation

jQuery Background Parallax

Submitted by sohnee on September 10, 2010 - 1:28pm

The jQuery Background Parallax project is a plugin that causes a background image to scroll at a different speed to content, giving an illusion of depth.

You can set up the background parallax on any scrolling element (such as a div, with overflow set to auto) and it works both horizontally and vertically.

View a demonstration

Read the documentation

jQuery Parallax

Submitted by dom111 on July 30, 2009 - 10:40am

A parallax style implementation of user interactions. When the mouse moves over the document (or a specific element) the actions can be translated to modify any CSS property of an element for example an image position, to give a parallax style effect.

Very flexible and fairly straightforward configuration.

For more information view my blog (includes a demo)

jParallax

Submitted by stephband on August 23, 2008 - 4:08am

jParallax turns a selected element into a 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/or options), they move in a parallaxy kind of way. That is, they 'slide' over one another, the bigger layers going 'faster' than the smaller.

Check out the docs and the demos to really see what jParallax does.

If the layers are made of <div>s or <li>s or any other container then content can be positioned inside those layers, and jParallax provides ways to navigate to that content in response to user events.