Spritely is a simple jQuery plugin that allows you to make animations with two simple methods. Both sprite and pan methods rely on background image CSS property of an element, and the main difference between the two is that sprite image must contain frames while pan image is one big continuous image which is repeatedly panned left or right.
Making animations with Spritely might be a simple task, but it also can turn out into impossible mission. It really depends on what you are trying to achieve. Each element can be assigned a depth, which basically means layers in animation and you can act on them accordingly. You can also change frames per second, change background speeds relative to their depths or absolutely, and of course the direction. Other than that, new version also brings an option to make sprites draggable, and option to make sprites play for a certain number of frames and then stop.
On the end, a word of caution from the author. Use Spritely sparingly if you are going to make it as a part of your website. Use it too much and you can get yourself into trouble with poor performance. I’m just gonna use it for fun and experiments for now.


