banner ad
Tuesday, June 16, 2009
JavaScript Carousel v3

I hated the Mootools FX animation from the last example, so I rewrote the animation using setInterval().  This allows me to have a more constant movement and control precisely the animation.  I also added event handlers on the icons.  Click on any icon and it will rotate and stop at the targeted spot.

:NOTE : My biggest issue with this animation is the control I loose over perfect positioning.  Since the animation loops at an interval, chances are your element will not hit it's target perfectly.  In order to fix this, I will have to comensate by precalculating positions or creating some type of script to set the final position.


»comments

patrick said...

Have a look at this animation tool, it is a translation of the flash tween classes:
http://jstween.blogspot.com/


leef said...

Nice! Click a few in a row and it will animate endlessly = ]


montana said...

yeah also if you click them repeatedly they go faster and faster. Have you er seen the work done by Brent Gustafson? way back in 2000 /01 he had a site called assembler.org that had the most mind numbingly amazing javascript mathematics and animation experiments. it was seriously some of the most beautiful code I've ever seen. - I'll see if I can dig it up...


Name
URL
Email
*email address is not published
Remember Me
Comments

CAPTCHA






banner ad