JavaScriptでFLASHファイルを切り替えるには

これで動くと思います。

少々長いですが……。
IE7β2、Firefox1.5.0.3、Opera8.54（何れもWindows版）で動作確認しました。

*JavaScriptファイル

var flashlist = new Array("flash1.swf","flash2.swf","flash3.swf");
var num = Math.floor((Math.random() * 100)) % flashlist.length;
var cflash;
var object;
var param;
var embed;

document.write('<div id="changeflash" style="width:589px;height:231px;">');
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cab … style="width:589px;height:231px;">');
document.write('<param name="src" value="' + flashlist[num] + '" />');
document.write('<embed id="movie2" src="' + flashlist[num] + '" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" style="width:589px;height:231px;"></embed>');
document.write('</object></div>');

function changeflash(flash){
if(flash!=num){
num=flash;
if(document.all && document.all("changeflash").innerHTML){
//IE向け処理
cflash=document.all("changeflash");
cflash.innerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cab … style="width:589px;height:231px;"><param name="src" value="'+flashlist[num]+'" /><embed id="movie2" src="' + flashlist[num] + '" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" style="width:589px;height:231px;"></embed></object></div>';
}
else if(document.getElementById){
//標準準拠仕様
cflash=document.getElementById("changeflash");
cflash.removeChild(document.getElementsByTagName("object").item(0));
object=document.createElement("object");
param=document.createElement("param");
embed=document.createElement("embed");
object.setAttribute("classid","clsid:D27CDB6E-AE6D-11cf-96B8-444553540000");
object.setAttribute("codebase","http://download.macromedia.com/pub/shockwave/cab …
object.setAttribute("style","width:589px;height:231px");
param.setAttribute("name","src");
param.setAttribute("value",flashlist[num]);
embed.setAttribute("src",flashlist[num]);
embed.setAttribute("type","application/x-shockwave-flash");
embed.setAttribute("pluginspage","http://www.macromedia.com/go/getflashplayer");
embed.setAttribute("style","width:589px;height:231px");
object.appendChild(param);
object.appendChild(embed);
cflash.appendChild(object);
}
}
}



*XHTMLファイル

【前略】
<img src="button1.gif" alt="ボタン1" title="FLASH1" onmouseover="changeflash(0)" />
<img src="button2.gif" alt="ボタン2" title="FLASH2" onmouseover="changeflash(1)" />
<img src="button3.gif" alt="ボタン3" title="FLASH3" onmouseover="changeflash(2)" />
<script type="text/javascript" src="./flash.js"></script>
【後略】

FirefoxとOperaでは上手くいくのですが……IEでは未知の実行時エラーと。

object要素も書き換えるようにするとIEでのエラーはなくなりましたが、永久に「読み込み中……」との表示があります。

embed要素だけにすると何故か上手くいきました。
ただ、embed要素はHTMLの仕様にはない独自実装……。
もう少し練り直してみます。

うっかりしてました。

（汗
mouseoverではなくonmouseoverでした。


上手くいくはずだったんですが、どうも反映されないようです。

document.getElementById("movie").setAttribute("value",flash);
document.getElementById("movie2").setAttribute("src",flash);

を

document.getElementById("object").innerHTML='<param id="movie" value="' + flash + '" /><embed id="movie2" src="' + flash + ' "pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>';

に変更し、次に

document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cab … >');

を

document.write('<object id="object" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cab … >');

に変更してください。
不本意ながらinnerHTMLを使いましたが、これで上手くいくはずです。細かい箇所はこれを応用してください。

すいません。

<img src="button1.gif" alt="ボタン1" mouseover="changeflash(flashlist(0))" />
<img src="button2.gif" alt="ボタン2" mouseover="changeflash(flashlist(1))" />
<img src="button3.gif" alt="ボタン3" mouseover="changeflash(flashlist(2))" />

ではなく、

<img src="button1.gif" alt="ボタン1" mouseover="changeflash(flashlist[0])" />
<img src="button2.gif" alt="ボタン2" mouseover="changeflash(flashlist[1])" />
<img src="button3.gif" alt="ボタン3" mouseover="changeflash(flashlist[2])" />

でした。

flashlist:

var flashlist = new Array("ｆlash1.swf",....);
........~~~~~~~
<img src="button1.gif" onmouseover="flashlist(0)" />
............................................................................~~~~~~~

document.write()ではページの一部だけを書き換えることは出来ません。

DOMを利用してください。

document.write('<embed src="' + flashlist[num] + '"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"></embed>')

まずここを、

document.write('<embed id="movie2" src="' + flashlist[num] + '"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"></embed>');

と書き換えてください。
次に、新しい関数を作成します。
function changeflash(flash){
if(document.getElementById){
document.getElementById("movie").setAttribute("value",flash);
document.getElementById("movie2").setAttribute("src",flash);
}
}
最後に、

<img src="button1.gif" alt="ボタン1" mouseover="changeflash(flashlist(0))" />
<img src="button2.gif" alt="ボタン2" mouseover="changeflash(flashlist(1))" />
<img src="button3.gif" alt="ボタン3" mouseover="changeflash(flashlist(2))" />
とすれば完了です。

なお、あまり重いFLASHは使わない方が良いでしょう。特にトップページの場合は。この手のスクリプトは、ナローバンドな人には嫌がられがちですので。

<img src="button1.gif" onmouseover="funcName(flashlist[0])" />