jQuery Design: Pan & Cross Fade Animations

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).

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.