A while back I made a demo of an image magnifier on a stand-alone web page. Now I'm going to implement the same functionality in a Drupal page. All Drupal needs to provide is a simple content type with a title, image, and description. The rest will be done by jquery.
Another demonstration of jquery-powered animation. This one is zooming. In our first example, panning, the jquery animate method only changed one property of our image. In this one we will see how to change the values of several properties at once.
For this demo I am using an 1862 photo (fron the Library of Congress) of a view of Richmond, Virginia.
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.
Here's a little demonstration of photo tagging ala facebook, flickr, etc. done with just CSS. When you hover over a person in the photo, a red outline appears around the person and a grey box pops up displaying information about him.
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.
One thing many will want to do is add a block of Google AdSense ads to their Drupal sites. There are some modules available at drupal.org that will do it, but it's actually fairly simple to do without using any contributed modules.
Trying to describe Drupal is a bit like the old blind men and the elephant story. But anyway you look at it, Drupal is awesome!
Drupal is an open-source content management system. It can serve as the platform for many types of Web sites - forums, wikis, blogs, and more.