Archive for Effects

Create Parallax Effects On The Fly With jParallax

// May 15th, 2009 // Comments Off // Effects

jParallax is a jQuery plugin which enables you to create Parallax effects.

This effect simply moves layers in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts & create a depth.

jQuery Parallax

Info: If you’re new to parallax effects, check the demo to see it (Parallax in Wikipedia).

jParallax simply provides the necessary options for creating the animation like layer controlling, positioning & timing.

Switching Images With Style: ImageSwitch

// May 15th, 2009 // No Comments » // Effects

jQuery has built-in animations & effects. But when it comes to switching between 2 objects, you may need to code a little more for a flawless display.

ImageSwitch is an easy to use jQuery plugin for switching between images using effects.

jQuery ImageSwitch

The plugin supports various effects like fade in/out, fly in/out, flip in/out, scroll in/out, single door & double door.

And, the code of the plugin is well-commented which makes it easier to improve it.

Tip: Besides the Groject.ImageSwitch.js, check this .js file too to better findout how the plugin works.

Ads Plugin created by Jake Ruston.