前の記事 ≪：ブログにPDFを直接埋め込めるWordPressプラグイン「Embed PDF」
次の記事 ≫：HTML5のCanvasによって画像加工が出来る「CamanJS」

Jimpl Tag Cloud

瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」



次のようにHTMLを定義して  $('#tagcloud').tagCloud({separator: '.'}); とするだけで上記のタグクラウドが形成出来ます。

<div id="tagcloud" class="tagcloud">    Image converter. Image converter. Image resizer. Png to ico. Png to ico. Png to ico.     Ico to png. Png to jpg. Jpg to png. Jpg to png. Bmp to jpg. Jpg to bmp.    Jpg to gif. Gif to jpg. Png to gif. Png to gif. Gif to png. Online. Online. Free. Free. Free.</div>

separator で . を渡していますが、このドット区切りでワードを分割します。
標準のプラグインではページ内リンクにしか対応していませんが、少し書き換えればページへのリンクにすることも出来ます。

ブラウザ上でクライアントサイドでタグクラウドを描画できて便利です。

関連エントリ

• iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」
• テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」
• 冬なのでページ内に雪を降らせるjQueryプラグイン「Snowfall」
• デザインそのままにfacebookのウォールをサイトに埋め込めるjQueryプラグイン「fb.wall」
• Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」

　|　↑ページの先頭へ|プライバシーポリシー|お問い合わせ| copyright © phpspot開発日誌