FlashDevelopだけでニコニコ風タグクラウド作ってみた。
…ので公開してみます。
こんなん
お好きな画像の上にお好きなサイズで、表示することができます。
ちなみに millon.jp 用に作りました。
■ダウンロード
NicoCloud ダウンロード
■置き方
HTML:
- <div style="position:relative;width:画像の縦サイズpx;height:画像の横サイズpx;">
- <img src="背景画像" width="画像の幅サイズ" height="画像の縦サイズ" />
- <div style="position:absolute;top:0;left: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:
- <?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が省略された場合、タグクリックでジャンプしません。
なお、スピードを大きくしたり、表示するタグの数が多いと、、、重くなりますｗ
引き続きエントリで、ソースコード公開しようと思います。
- Newer: FlashDevelopで作ってみた（２） プロジェクトファイル
- Older: FlashDevelopでFlash開発
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://parpue.net/web/11/trackback
- Listed below are links to weblogs that reference
- FlashDevelopで作ってみた（１） ニコニコ風タグクラウド 配布 from parpue.net
