これからゆっくり考L

旅行好き。美味しいもの好き。日本酒好き。

swfobject2でswfファイルの背景を透明に

忘れないようにメモ!


swfobjectのダウンロード
http://code.google.com/p/swfobject/

≫swfobject_2_1.zip


expressInstall.swfswfobject.jsをコピーして該当フォルダにペースト。



【HTML】(index_dynamic.htmlを参考にしています)

<html>

<head>

<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">

var flashvars = {};

var params = {};

params.wmode = "transparent";

var attributes = {};

swfobject.embedSWF("hoge1.swf", "hoge_waku1", "600", "300", "8.0.0", "expressInstall.swf", flashvars, params, attributes);

swfobject.embedSWF("hoge2.swf", "hoge_waku2", "600", "300", "8.0.0", "expressInstall.swf", flashvars, params, attributes);

</script>

</head>

<body>



<!-- hoge1.swfが表示されるところ -->

<div id="hoge_waku1">

ここに代替画像など入れたり

</div>



<!-- hoge2.swfが表示されるところ -->

<div id="hoge_waku2">

ここに代替画像など入れたり

</div>



</body>

</html>

<script type="text/javascript">の中身は外部ファイルにするとさらにすっきり。


≫追記
背景を透明にする設定をしたらレイアウトがちょっと崩れてしまい、数日悩みました。
divひと組追加してなんとか解決したのですが・・・

後日時間がある時にまとめられたらまとめようと思います。