Pages

Thursday, September 22, 2011

JQuery image transitions


there are many ways to provide transition effects using animate() method of jquery. most of the effects mentioned here use the background-position property to prepare elements before they are being animated.

this jquery image slider consist of 10 different effect which are chosen randomly to apply for the animation. if you want to minimize the size of the code, you can bundle together some effects because most of these effects only require simple property changes. effects which can be budled in to a single function are named in a consistent manner. i dont want to minimize it because i need add some more effects. this format is better for testing. you can try and improve it if you want. download the code and the demo from the link beow.
http://www.mediafire.com/?e7eeoe08wj8re