htmlから【テキスト】【リンク先URL】【ボタン数】【カラー】を変更できる点滅ボタン(Flash)
この記事は半年以上前の情報なので、古い可能性があります
FlashUI | シンプルボタンv0.03
■前回からの変更点（v0.03)
・v0.02はこちら
Flashで作ったマルチカラムボタン。
・パラメータに各ボタンのカラーを追加。htmlからボタンごとに色も変えられるようになりました。
・htmlから変更できるため、Flashの操作は一切必要ありません。
■htmlソース例(SWFObject2.0を利用してswfを埋め込んだ時)
・SWFObject v2.0はオープンソースのライブラリです。web標準準拠のコードでswfをhtmlに埋め込むことができます。
・SWFObject v2.0 ドキュメント日本語訳…日本語訳+Tips。とてもわかりやすいです。
▼1.本体を読み込む（<head>～＜/head>に記述）
▼2.swfファイルの読み込み及びパラメータにて設定
書式＝swfobject.embedSWF("swfファイルへのパス", "ID", "幅", "高さ", "バージョン","expressInstall.swf", flashvars,params…など);
var flashvars = {
num:"4", //ボタンの数（1以上・必須）
menu0:"default",
red0:"0",blue0:"0",green0:"0",//ボタンの色をRGBで指定（-255～255）
url0:"#",
menu1:"blue+button",
url1:"#",
red1:"0",blue1:"150",green1:"0",//青色だけ強く
menu2:"red+button",
url2:"#",
red2:"150",blue2:"0",green2:"0",//赤色だけ強く
menu3:"green+button",
url2:"#",
red3:"0",blue3:"0",green3:"150"//緑色だけ強く
};
var params = {
wmode:"transparent" //パラメータの指定
}
swfobject.embedSWF("swf/fontNavi_ex2.swf", "fontNavi", "100%", "100%", "9.0.0","expressInstall.swf", flashvars,params);
</script>
▼3.<body>～</body>内の指定要素に▼2で指定したIDをマークアップ
※swfを埋め込むdivに直接cssを記述すると何故か上手く表示されませんでした。
ですので、入れ子にして、外側のdivに幅と高さを指定しています。
<div id="fontNavi">
<p>JavaScriptをONにしてください。</p> ←代替コンテンツ
</div>
</div>
■サンプルダウンロード
こちらからダウンロードしてください
【内容物】sample.html / swfObject.js / fontNavi_ex3.swf
■予定
・+個数増やせる 済
・+色変えれる 済
・+ロールオーバーで色変化←これはすぐできそう。。
・+幅調節できる
・+特定のボタンだけグレー表示（今いるページがわかりやすいように）
・エフェクトの実装（でもエフェクト選べるようにするとムダにサイズ増えますね。。）
FlashVarsで送ることが出来るバイト数ってどれくらいでしたっけ。
しかしいくらhtml組み込みっていっても、こんなにパラメータが多くなるんじゃ本末転倒ですね。
もうちょっと仕様から考えればよかった。まあ、1時間以内で作るFlash、なのでとりあえずいいか。
僕が買った、もしくは買う予定の参考書
ブックマークする
関連する内容の記事
- Flashで1文字づつテキストが表示される表現 :2008/05/25
- FlashUI | シンプルボタンv0.02 :2008/01/13
- FlashUI | シンプルボタンv0.01 :2008/01/10
