中途半端を極める

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]exvalidation.jsが動作しない時必見!代わりとなるjavascriptを紹介

jqueryのバージョンによってはexvalidation.jsが動作しない場合があります。 ※特に新しいバージョンのjqueryを使用しているときに動作しなくなった方が多いのではないでしょうか? 動 …

ヘッダ固定時のページ内リンクのずれを解消する方法

position:fixedを使ってヘッダを固定した場合、ページ内リンクの位置がヘッダの高さ分ずれてしまいます。どのように調整すればいいか紹介いたします。

HTMLで生年月日から自動で年齢を読み込む方法

HTMLで年齢を表示させる場合、毎年手動で更新している人が多いかもしれません。自分もその中の一人でした。 実際毎年手動で更新するのは面倒くさいし、数が多いと忘れてしまう場合があります。 そんなことにな …

【javascript】複数の画像をウィンドウ幅に合わせてカルーセル風に実装(bxslider編)

ウィンドウ幅いっぱいにスライドを表示させたい。 そう思ってもなかなか思うような動作をするjavascriptを見つけるのが困難です。 見つけたとしても、それがレスポンシブに対応するのか否か。 そんなこ …

【javascript】jQueryとprototypeを共存させる方法

自分が管理していないサイトを突然「更新してくれ!」と言われ、確認するとprototypeが使用されておりました。私は基本的にJavaScriptライブラリはjQueryを使用するので、少々戸惑いました …