Jquery animation 1 - panning

Here is a simple demonstration of jquery-powered animation. We'll start with the simplest type of animation - panning.

This technique was the workhorse of Ken Burns' documentaries of the Civil War, and for my demo I am using an 1864 photo (fron the Library of Congress) of sailors on the deck of the gunship U.S. Mendota.

Drupal in-page jquery demo

This page is an experiment in embedding code in a single Drupal page. Usually, in Drupal you would put jquery code in a script file in the theme folder and declare it in the theme's .info file, but using this in-page method will allow for quick-and-dirty demo pages like this one.

Simple Tabs and Ajax with Jquery


Here is a pretty basic Web page - some tabs and a content area. When the user clicks a tab, some content loads into the content area. This works in two ways - regular old-fashioned links and new-fangled ajax powered by jquery. If your site visitor has javascript disabled, the links load a new page. If javascript is enables then the ajax kicks in.

Photo detail zoomer with jQuery

Magnify screenshot

One of the frustrating things about Web images is that they are often too small. There are several ways to deal with this - lightbox, for example, which displays a larger image on top of the page.

Syndicate content