create sprite animation with jQuery.spritely
The Plugin use only two key methods, sprite() and pan() both of which simply animate the background-image css property of an element. The difference between the two is that a ‘sprite’ image contains two or more ‘frames’ of animation, whereas a ‘pan’ image contains a continuous image which pans left or right and then repeats.
You can use it on any html web page, and any part of the page can interact with a sprite (click anywhere on this page and wait and you’ll see what we mean).
Advantages of spritely :
- support for iPhone/iPod Touch/iPad
- It works in all major browsers including IE6.
- Great alternative to Flash if your desired platform does not support it ( like iPad ).
- animated objects can also fly above the text of a web page, or you could animate a background, without affecting other elements on the page.