-
Notifications
You must be signed in to change notification settings - Fork 26
Taggly
Category:Library::Community | Category:Library::TagCloud
Taggly is a customizable CodeIgniter library that makes creating tag-clouds a snap. You can choose to use its basic functionality, or customize your tag-cloud by setting configurations options.
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.
As this class abandoned this I underwent reproduce it and post here for everyone to use.
By Ranielly Ferreira
You can find more information in the User Guide included in the Taggly download package. Version 1.1 has the ability to highlight tags within your cloud by adding a Class and an Array to your config.
The syntax in its very basic form is this:
<?php
$myArray = array (
array(10, 'PHP', 'http://php.com'),
array(32, 'MySQL', 'http://mysql.com'),
array(5, 'CodeIgniter', 'http://codeigniter.com')
);
echo $this->taggly->cloud($myArray);
You can get more complex by passing configuration parameters:
<?php
$matchTags = array ('PHP','CodeIgniter');
$configArray = array (
'min_font' => 20,
'max_font' => 60,
'html_start' => '<li>',
'html_end' => '</li>',
'shuffle' => TRUE,
'class' => 'my_css_class',
'find_Match' => $matchTags,
'match_Class' => 'bold',
);
echo $this->taggly->cloud($myArray, $configArray);
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 bold" href="http://example.com" title="PHP">PHP</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 bold" href="http://example.com" title="CodeIgniter">CodeIgniter</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>