jQuery Design: Pan & Cross Fade Animations

Posted on

  • email
  • twitter
  • facebook
  • share this

share this


If you want a little more activity in your images, look no further than CrossSlide, a jQuery plugin which renders slide-show animations through Javascript. The plugin builds on jQuery's animation facility so it's accessible across browsers.

There are quite a few effects that render with CrossSlide; Slide and Cross-fade, a Static cross-fade and what the creator calls the Ken Burns effect (panning, zooming and fading to specific points to "guide the eye of the viewer and convey meaning). The latter provides a gorgeuous effect that is sure to impress users. I did my best to capture the effect on video but it did not render well (perhaps due to the animation itself).

Filed under: ,

 
     :: Try iContact for FREE for 30 Days! Sign up now at iContact.com ::


Login To Comment


Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up

2 comments

DavidR 09-25-2008 3:10 PM

Peter,

I'm new to jQuery and somewhat new to Javascript.  Is anything special required on a web server to use jQuery or is it just additional, user-friendly Javascript run from the browser?

Thanks!

Peter A. Prestipino 09-26-2008 9:10 AM

jQuery is a lightweight JavaScript library (a collection of pre-written controls designed to make development of applications easier) that runs from a file server. Jquery emphasizes interaction between JavaScript and HTML - which is how you get all these sweet effects. All you need is one single Javascript file (which can be downloaded at jQuery.com), call it with some markup and set up the interaction effects as shown on the individual pages references above.

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com

Facebook


Twitter