AlbanX Logo

Cloud Carousel Touch- A 3d Carousel in Javascript

Description

There are some attractive Adobe Flash based solutions for this type of UI component, and while JavaScript versions exist (see this and this ), the commercial Flash products tend to have better aesthetics and polish. To redress the balance in JavaScript's favour, Professor Cloud has created this jQuery carousel plugin.

And I (Alban) have adapted this plugins (as I like to do) to work also on touch devices (Android and IOSX) that support javascript touch events. The touch detection is done by the following code as, always:


          var touchy=('ontouchstart' in document.documentElement)?true:false;
               var move='touchmove mousemove';
               var end='touchend mouseup';
               var ent='touchstart mousedown'; 


Example, Try on touch device (but also works in PC)

Flag 1 Description Flag 2 Description Flag 3 Description Flag 4 Description Flag 4 Description Flag 4 Description Flag 4 Description Flag 4 Description Flag 4 Description

Example Video

Download

You can download developement readable js file here

A minifield version compressed with YUI compressor can be download here.

For all information and API refer to Professor Cloud page