banner ad
Thursday, June 11, 2009
JavaScript Carousel v1

Building with code from the last example, I added next and previous buttons and made the elements move to new target positions.  You will notice that I did not animate the carousel. I wanted this experiment to be focused on calculating the correct new position for each element when the user clicks, animation will come around next.


The mathematics I use is based off a variable named "increment".  At every click I evaluate if the user clicked forward or backwards and then increment each elements angle accordingly.


»comments

leef said...

Did you intend for the left/right buttons to move the page's scroll position?


paul ortchanian said...

No, that's a bi-product of having it inside an i-frame. It usually does the jump in IE. Download the zip and try and you won't get the jump.


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

CAPTCHA






banner ad