News & Updates

No Flash No Problem Use Spritely For jQuery Animation

jQueryFun on June 24, 2010

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.

Spritely - A jQuery plugin for animation

Spritely - A jQuery plugin for animation

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.

If this article was useful to you in any way and you are now thinking about subscribing to jQueryFun RSS Feed here is a quick link to do just that. Thank you.
TrackBack URL for this story

Comments

No comments yet.

Leave a comment

Trackbacks & Pingbacks

Web Analytics