jquery.ui.spriteanimation.js is a simple background image sprite animation plugin.
http://fingaholic.github.com/jquery.ui.spriteanimation/
- fps
Integer
Frame per second (default value is 30) - frameWidth
Integer
Frame width (default value is 0) - frameHeight
Integer
Frame height (default value is 0) - frameTotal
Integer
Total frames (default value is 0) - bgLineChange
Boolean
Use multiple background image or not (default value is false) - bgLineChangeNum
Integer
Maximum number of frames per line (default value is 0) - repeat
Boolean
Repeat or not (default value is false)
var $sprite = $('#sprite').spriteanimation({
frameWidth: 200,
frameTotal: 60
});
var $sprite = $('#sprite').spriteanimation({
frameWidth: 200,
frameHeight: 200,
frameTotal: 60,
bgLineChange: true,
bgLineChangeNum: 20
});
$sprite.trigger('play.spriteanimation');
$sprite.trigger('stop.spriteanimation');
$sprite.trigger('reverse.spriteanimation');
$sprite.trigger('rewind.spriteanimation');
$sprite.trigger('fastforward.spriteanimation');
jQuery 1.7.x or later.
jQuery UI Widget 1.8.x or later.
IE6+ and other new browsers.
Licensed under the MIT license.