中途半端を極める

web関連で役に立ちそうなものを紹介いたします

flash javascript

【javascript】SWFObjectで配置したFlash下に、ドロップダウンメニューが隠れてしまう

投稿日:2012年5月21日 更新日:

jquery.droppy.jsなどのドロップダウンメニュー(プルダウンメニュー)の下にFlashを配置すると、プルダウンメニューがFlashの裏側に表示されてしまう。
CSSでFlashコンテンツにz-indexで優先順位を指定しても無視されてしまう。

その解決方法を記載します。

以下のように記載します。

so.addParam(“wmode”, “transparent”);が肝のようです。

<script type="text/javascript">
var flashvars = {};
var params = {wmode: "transparent"};
var attributes = {};
swfobject.embedSWF("movie.swf", "flash", "950", "350", "10.0.0", false, flashvars, params, attributes);
so.addParam("wmode", "transparent");
</script>

上記のソース例では「swfobject.embedSWF(“movie.swf”, “flash”, “950”, “350”, “10.0.0”, false, flashvars, params, attributes);」と記載していますが、SWFObject内のパラメータは環境に合わせて書き換えてください。

swfobject.embedSWFパラメータを変更する箇所

例:swfobject.embedSWF(“movie.swf”, “flash”, “950”, “350”, “10.0.0”, false, flashvars, params, attributes);

・movie.swf→swfファイルがアップロードされている箇所を指定
・flash→任意のID名にしたい場合変更
・950→Flashの横幅
・350→Flashの高さ
・10.0.0→flash playerの対応バージョン

結構試行錯誤しました。

-flash, javascript

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

【Javascript】IE6でもpng画像を使えるようにする

IE6でpng画像を使うと、透明部分が灰色になって正常に表示されません。 IE6でも正常に表示させるためには「DD_belatedPNG」というライブラリを利用します。 img要素やCSSでの背景(背 …

jQueryを使ってボックス要素をランダムに表示する方法

一部の要素をランダムに表示させたいという要望があったので、調べてみたところ、よさそうなjavascriptがあったので紹介いたします。結構手軽だったので活用できるシーンは多いのではないでしょうか。

【javascript】レスポンシブデザインにも使用できる!マウスオーバーするとメインの画像が切り替わるjQuery「ImageNavigation」

今回はマウスオーバするとメインの画像が切り替わるjavascriptを紹介いたします。 FLASHなどではこのような動きをするものはあるのですが、jQueryではなかなかありそうでない動きですので、重 …

[javascript]複数の要素の高さを揃えるjavascript利用時にうまく動作しない時の対処法

「EqualHeight」や「flatheights」など複数の要素の高さを揃えるjavascriptを使用すると、SafariとGoogle Chromeではうまく動作しない場合があります。 うまく …

【javascript】thickboxを組み込んでもポップアップせず、動作がしないときの対処法

thickboxを組み込んでもポップアップせず、動作がしないときの対処法 wordpressでPicasa and Google Plus Expressというプラグインを使用していて、画像をポップア …