I needed a “3D” carousel to rotate images. The currently available jQuery plugins for this purpose were either too large, too restricted (showing only 4 at a time is not good enough), or too old (not working in jQuery 1.4+).
So I wrote my own.
How the thing works, is that you add a list of images to an element like this:
<img src="images/concrawood.jpg" />
<img src="images/fernheasty.jpg" />
<img src="images/mcnallys.jpg" />
<img src="images/northernstandard.jpg" />
<img src="images/soccertours.jpg" />
<img src="images/soundinsulation.jpg" />
<img src="images/textaroom.jpg" />
<img src="images/windhoist.jpg" />
Then link to the jQuery library and the jquery.k3dCarousel plugin:
And then tell jQuery to run the plugin after all the images have loaded:
If you want, you can vary the speed of the cycle by changing the
sT (spin-time) variable, or the
wT (wait time), which govern how long it takes for the images to move from point to point, and how long they pause once reaching there: