Creating a 3D tag cloud

A rotating 3D ad cloud a controlled with mouse. The tags get highlighted and bigger in size as mouse is moved onto them.

Usage

Vanilla

1	$('.tags').tagcloud();

Centred in a 200 x 200 container:

1	$('.tags').tagcloud({centrex:100,centrey:100});

With a different update speed

1	$('.selector').tagcloud({fps:24});

Markup

Must be an unordered list in a div with links in the list items.
rel="[number]" is optional but necessary for ranking by font-size.

1 2 3 4 5 6 7 8

<div class="tags"> <ul> <li><a href="#" rel="20">link 1</a></li> <li><a href="#" rel="20">link 2</a></li> <li><a href="#" rel="20">link 3</a></li> <li><a href="#" rel="20">link 4</a></li> <li><a href="#" rel="20">link 5</a></li> </ul>

VIEW DEMO

DWONLOAD