Hey Everybody,
I’ve been working on one of my first libraries for CI called Taggly. Taggly is used to easily create tag-clouds. You can also control how your tag-cloud is created by setting configuration options.
You can download Taggly, along with its user guide here:
Download Taggly
============================================
What is a Tag-Cloud?
A tag-cloud is a collection of text links with varying size (and sometimes color) based on their popularity. Sites such as Flickr, Delicious and Tag-A-Cloud use this concept.
What does it look like?
See Taggly in action
What is the syntax?
The syntax in its very basic form is this:
$myArray = array (
array(10, 'PHP', 'http://php.com'),
array(32, 'MySQL', 'http://mysql.com'),
array(5, 'CSS', 'http://css.com')
);
echo $this->taggly->cloud($myArray);
You can get more complex by passing configuration parameters:
$configArray = array (
'min_font' => 20,
'max_font' => 60,
'html_start' => '<li>',
'html_end' => '</li>',
'shuffle' => TRUE,
'class' => 'my_css_class'
);
echo $this->taggly->cloud($myArray, $configArray);
Taggly Output
Taggly creates and returns links with defined sizes based on the data given in your array.
An example output:
<a style="font-size: 21px" class="taggly" href="http://example.com" title="Hue">Hue</a>
<a style="font-size: 18px" class="taggly" href="http://example.com" title="Image Ready">Image Ready</a>
<a style="font-size: 33px" class="taggly" href="http://example.com" title="Background">Background</a>
<a style="font-size: 33px" class="taggly" href="http://example.com" title="CodeIgniter">CodeIgniter</a>
<a style="font-size: 16px" class="taggly" href="http://example.com" title="Encode">Encode</a>
<a style="font-size: 23px" class="taggly" href="http://example.com" title="Depth">Depth</a>
<a style="font-size: 29px" class="taggly" href="http://example.com" title="Grafix">Grafix</a>
<a style="font-size: 18px" class="taggly" href="http://example.com" title="Adobe">Adobe</a>
You can find more information in the User Guide included in the Taggly download package.
