jQuery 1.4 Animation Techniques - Index of

Custom Animations
We'll use easing in this example, so be sure to link to the easing plugin directly after the
jQuery reference at the end of the :
Time for action – initializing variables and prepping the widget
First we need to prepare the underlying markup and store some element selectors:
$("#viewer").wrapInner("");
var container = $("#slider"),
prev = container.find("#prev"),
prevChild = prev.find("a"),
next = container.find("#next").removeClass("hidden"),
nextChild = next.find("a"),
slide = container.find("#slide"),
key = "image1",
details = {
image1: {
position: 0, title: slide.children().eq(0).attr("alt")
},
image2: {
position: -400, title: slide.children().eq(1).attr("alt")
},
image3: {
position: -800, title: slide.children().eq(2).attr("alt")
},
image4: {
position: -1200, title: slide.children().eq(3).attr("alt")
},
image5: {
position: -1600, title: slide.children().eq(4).attr("alt")
}
};
$("", {
id: "title",
text: details[key].title
}).prependTo("#slider");
[ 106 ]