jQuery 1.4 Animation Techniques Beginner's Guide

Using the plugin

To use the plugin, we just call it like we would call any other jQuery method, like this:

$("#frame").tranzify();

In this form, the default properties will be used. If we wanted to change one of the properties, we just supply a configuration object, such as this:

$("#frame").tranzify({
  transitionType: "strip"
});

The default animation should run something like this:

In the previous screenshot, we see the transition elements all simultaneously shrinking to 0 width, creating an effect like Venetian blinds being opened to reveal the new image.

Using the plugin is simple; there is just one point to remember. The images should all be the same ...