Ajaxの「lightbox」機能を使って見たところFlashがバックにあるとき表示がヘンになってしまう。
動画部分が画像の前にでてきてしまうのです。
▼失敗例
http://aya-design.jp/otameshi/flash_test01.html
タグを入れることで解決!
▼成功例
http://aya-design.jp/otameshi/flash_test02.html
《タグはこんな感じ》赤文字部分を追加するだけ!
<object classid="×××" codebase="×××" width="×××" height="×××">
<param name="×××" value="×××.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="×××f" quality="high" pluginspage="×××" type="×××" width="×××" height="×××" wmode="transparent"></embed>
</object>
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
◎追記(2007.06.13)
上記のとおり解決できたのですが「ActiveXコントロールのアクティブ化」をするとまた、上にFlashが来てしまう問題が発生。
検索したみたところ「lightbox.js」に2行書き加えるだけで問題が解決することがわかりました。
*参考にさせていただいたサイトはこちら
《タグはこんな感じ》赤文字部分を追加するだけ!
// ---------------------------------------------------
function showSelectBoxes(){
selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) {
selects[i].style.visibility = "visible";
}
document.getElementById("flash").style.visibility = "visible";
}
// ---------------------------------------------------
function hideSelectBoxes(){
selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) {
selects[i].style.visibility = "hidden";
}
document.getElementById("flash").style.visibility = "hidden";
}
// ---------------------------------------------------