This code is heavily based on the 3D flythrough post I had written in AS2 and then in AS3.  I rewrote it in JavaScript using the mootools library. All of my 3D experiments (and the ones coming up) are based on this engine.  The equation bellow...

This vertical JavaScript filmstrip is adapted form yesterdays Towards X : Horizontal filmstrip animation post.  The code is similar except for the css that edits the "top" property.  What I tried doing in these experiments is create...

Influenced by a previous experiment done in ActionScript, I tried to avoid the mootools fx animation,library and created a 2D camera to pan the length of a horizontal rectangle. Create 10 identical clips and arrange them one after the other horizontally. ...

I added a slider to allow users to set the speed of the carousel. this is based off of the  JavaScript Carousel v4 example, You will notice that faster speeds will cause elements not to properly align, I'll dig into that issue soon. Click on any...

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. ...

I added Mootools FX animation to the last example, I personally don't like the way mootools makes my elements move.  I will be exploring new options in the next experiments.

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...

Based off the circle animation experiments and mathematics, I am moving towards a javaScript carousel. In the next 3-4 posts I will explore and build different variations and finish off with a complete carousel script. The experiment adds a Mootools...

Adding multiple elements to the last post's animating along a circle script. I create a variable called angle.  All the animation is based off of that variable as it increments from 0 to 360 and resets to 0. Changing angles means changing position...

How do you make clips move along a circle using Javascript.  Definitely a mathematical solution that uses angles, a radius and sin cos manipulation. In this example I choose and angle between 1 and 360 and calculate the value of the radian from...

As Geoff from deconcept suggested in an earlier comment. It seems to me that using an ordered list with radio buttons inside would be more appropriate for this kind of thing. Since you can only select 1 thing at a time, and it's ordered from 1 to...

With sminor CSS modifications to the list item elements width and height + background image you can set your stars rating to look like snowflakes.  This experiments is based off the rating with stars v1 and can perhaps be used for the holidays...

Multiple ratings using the Rating with stars using definition lists: the DL, DT, and DD elements technique.