jAni is a simple plugin for jQuery which allows you animate background images. The plugin is basically an alternative to the animated GIF but with several benefits. At first, it’s always better to use an animated GIF as this format is supported by all browsers without any JavaScript code or additional markup, but the “dark side” of it is that an animated GIF allows only 256 colors and you cannot control animation in any way. The jAni loads a long vertical image and changes its background position with the speed you setup, giving you more control of the animation.
Related Submissions:
- Beautiful Background Image Navigation with jQuery In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three...
- Using jQuery for Background Image Animations After reading Dave Shea’s article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could...
- Background Position X and Y Every now and then I look at using background-position-x and background-position-y but can never seem to find a definitive and up-to-date resource. To save myself...
- Blurry Background Effect When setting a background image on a page element with CSS, you can control its position with “background-positionâ€, but an often-forgotten trick is that you...
- Achieving Double Background Effect with CSS We all know our current CSS version cannot handle double backgrounds. Hopefully in the future this will be available so we don’t have to pull...