swfobjectを使って1ページに2つ以上のFLASHを置く方法

WEB制作の小技や機能 | 2012.02.06

ホームページにFLASHを掲載する場合、swfobjectを使う方法が一般的ですが、
1ページに2つ以上のＦＬＡSＨを配置したい場合は、以下の様にします。

【1つ目のＦＬＡSH】
<div id="flash1">
<img src="img/flash01.jpg" alt="代替画像" width="400" height="100" />
</div>
<script type = "text/javascript">
var so = new SWFObject("img/movie.swf", "flash", "400", "100", "7", "#000000");
so.write("flash1");
</script>

【2つ目のＦＬＡSH】
<div id="flash2">
<img src="img/flash02.jpg" alt="代替画像" width="200" height="100" />
</div>
<script type = "text/javascript">
var so = new SWFObject("img/movie.swf", "flash", "200", "100", "7", "#000000");
so.write("flash2");
</script>

代替画像をくくっているDIVのクラス名とスクリプト内のso.writeに続く部分の名前です。
この部分を２つセットで個別のものを指定してあげることで、複数のFLASHを設置させることができます。