FlashDevelopだけでニコニコ風タグクラウド作ってみました。
…ので公開してみます。
表示例
お好きな画像の上にお好きなサイズで、表示することができます。
ちなみに millon.jp 用に作りました。
millon
■ダウンロード
NicoCloud ダウンロード
■置き方
<div style="position:relativewidth:画像の縦サイズpxheight:画像の横サイズpx">
<img src="背景画像" width="画像の幅サイズ" height="画像の縦サイズ" />
<div style="position:absolutetop:0left:0">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="画像の横サイズ" height="画像の縦サイズ" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="id" value="NicoCloud" />
<param name="wmode" value="transparent" />
<param name="src" value="NicoCloud.swf?url=タグファイルXML&minSpeed=最低スピード&maxSpeed=最高スピード"/>
<!-- FireFox用 -->
<embed id="NicoCloud" type="application/x-shockwave-flash" width="画像の横サイズ" height="画像の縦サイズ" src="NicoCloud.swf?url=タグファイルXML&minSpeed=最低スピード&maxSpeed=最高スピード" wmode="transparent"></embed>
</object>
</div>
</div>
画像のサイズや、画像ファイル名は該当する値に変えてください。
ダウンロードファイル内にサンプルあります。
値を省略した場合はそれぞれ、以下の値に置き換えられます。
url=tags.xml
minSpeed=5
maxSpeed=10
表示するタグは以下のようなXMLファイルで用意します。
<?xml version="1.0" encoding="UTF-8" ?>
<root>
<item>
<tag>ざわ…</tag>
<size>10</size>
<url>/dummy/1</url>
</item>
<item>
<tag>ざわ…</tag>
<size>10</size>
</item>
<item>
<tag>ざわ…</tag>
<size>12</size>
</item>
</root>
tagには タグの名前
sizeには タグのフォントサイズ
urlには、タグをクリックした際のジャンプ先のリンクを記述します。
urlが省略された場合、タグクリックでジャンプしません。
なお、スピードを大きくしたり、表示するタグの数が多いと、、、重くなります、、、
次のエントリで、ソースコード公開しようと思います。
