jQuery 1.4 Animation Techniques - Index of

Custom Animations
Another IE-specific fix
IE also presents us with another problem in that the clickable area of our links
will only extend the height of the text within them because of their absolute
positioning. We can overcome this by setting a reference to a background-image.
The best part is that the image doesn't even need to exist for the fix to work (so
you'll find no corresponding transparent.gif file in the book's companion
code bundle). The fix has no detrimental effects on normal browsers.
Creating the plugin
Now let's create the plugin itself. Unlike most of the other example code we've looked at, the
code for our plugin will go into its own separate file.
Time for action – adding a license and defining
configurable options
In a new file create the following outer structure for the plugin:
/*
Plugin name jQuery plugin version 1.0
*/
Copyright (c) date copyright holder
License(s)
;(function($) {
$.tranzify = {
defaults: {
transitionWidth: 40,
transitionHeight: "100%",
containerID: "overlay",
transitionType: "venetian",
prevID: "prev",
nextID: "next",
visibleClass: "visible"
}
};
})(jQuery);
[ 124 ]