• 締切済み

<PARAM NAME=wmode VALUE=transparent>を使用したFlash表示で困っています。。。

メニュー部分をFlashにしてオンマウスでHTMLページの上にメニューが重なるようなページを作成しようと考えています。 イメージ的には下記サイトのようなページです。 http://www.croxino.jp/croxino/top.do 簡単にテストしてみたところ問題が起きました。 <PARAM NAME=wmode VALUE=transparent>を使用しているFlashの下に表示されているHTMLリンクがオンマウス時に指カーソルになりません。(リンクは機能しているのですが、カーソルが矢印のままだったり指になったりして不安定です。。。 何か解決方法はありますでしょうか。以下がテストしてみたHTMLコードです。よろしくお願いします。 <div style="background-color:#CCCCCC; width:800px;"> <div style="height:50px; z-index:0;"> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="?http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab...? WIDTH="800" HEIGHT="500" id="sample" ALIGN=""> <PARAM NAME=movie VALUE="test.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="test.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="800" HEIGHT="500" NAME="sample" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> </EMBED> </OBJECT> </div> </div> <div style="background-color:#000000; width:800px; height:800px; margin-top:100px; z-index:1;"><a href="#">テスト</a></div>

  • CSS
  • 回答数1
  • ありがとう数4

みんなの回答

回答No.1

<object> (SWFファイル表示、略) </object> <div> <iframe src="about:blank" style="position:absolute;width:300px;height:300px;visibility:hidden;"></iframe> <div>テスト</div> </div> 表示したいテキストと<object>の間に透明の<iframe>を挟むことで、 テキストが<object>の前面に表示されるようになります。 背面に移動した<object>をクリックできなくなる場合は、 JavaScriptを使って<iframe>をdisplay:noneにしたりdisplay:inlineにして、調整する必要があると思います。

strobe999
質問者

お礼

javascriptで切り替え処理を行おうと思いましたがActionscriptとjavascriptの連携がわからず試行錯誤しております。 ありがとうございました。

関連するQ&A

  • Youtube 動画を自分のブログで流す方法

    Youtube 動画を自分のブログで流す方法:Embed <object width="425" height="350">ではじまる文字列をペーストして貼り付けたらよいとあるのですが、 <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/********"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/********" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>←これがそのまま ブログに表示されて 動画が出てきません どうしたら いいのでしょうか?

  • 動画のサイズを小さくするには

    初めまして。こんにちは! 今、私はブログに貼りたい動画があります…。 でもそのサイズを小さくしたくて… そのサイズを指定するとこはこのどれを変えればいいんですか?? <object width="425" height="366"><param name="movie" value="http://www.youtube.com/v/4V9uWnFgj7Y&rel=1&border=0"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/4V9uWnFgj7Y&rel=1&border=0" type="application/x-shockwave-flash" wmode="transparent" width="425" height="366"></embed></object> すごく困ってます!!教えていただければ嬉しいです。 よろしくお願い致します。

  • 音楽

    現在 日本っぽい音楽を探しています。 このようによく神社の結婚式で流れる音楽は誰が作ったんでしょうか? また、タイトルはあるのでしょうか? どこで手に入れられるのでしょうか? <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/O9YkudD291E&hl=ja"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/O9YkudD291E&hl=ja" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

  • フラッシュ表示にobject使用。embed不要?

    フラッシュを作成し、ホームページに埋め込みました(下記コードのタイプA)。 多くの参考サイトでembedも入れることを推薦しているようなので入れたいのですが、 入れた場合、 『スクリプトやActiveXコントロールを実行しないよう、InternetExplorerで制限されています。』 が表示されているときに表示されないswfの下に代替用画像が表示されてしまいます。 なのでタイプBはあきらめタイプAにしました。 IE9、MozillaFirefoxではちゃんと開いたので問題ないと思うのですが、 作成したコード(下記コードのタイプA)に問題がないのか確信が持てず不安です。 http://www.e-ssp.net/how_to_03.html ↑こちらの参考サイトで問題視している、 【IEのアップデートによる、「クリックしないといけません」現象(activate化)】とは、 InternetExplorerで開いたときに出てくる 『スクリプトやActiveXコントロールを実行しないよう、InternetExplorerで制限されています。』 のことですか?毎回出てきます。 ーーーーーーー作成コード(Aタイプ)ーーーーーーー <object data="1.swf" type="application/x-shockwave-flash" style="width:500px; height:200px;"> <param name="movie" value="1.swf"> <param name="quality" value="best"> <param name="bgcolor" value="#ffffff"> <img src="image.jpg" width="500" height="200"> </object> ーーーーーーー作成コード(Bタイプ)ーーーーーーー <object data="1.swf" type="application/x-shockwave-flash" style="width:500px; height:200px;"> <param name="movie" value="1.swf"> <param name="quality" value="best"> <param name="bgcolor" value="#ffffff"> <embed src="1.swf" quality="best" type="application/x-shockwave-flash" wmode="transparent" width="500" height="200"></embed> <img src="image.jpg" width="500" height="200"> </object>

    • ベストアンサー
    • HTML
  • swfファイル表示のタグについて

    <OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="240" HEIGHT="235" id="2" ALIGN=""><PARAM NAME="allowScriptAccess" VALUE="sameDomain"><PARAM NAME="movie" VALUE="http://www.death-note.biz/up/img/30632.swf"><PARAM NAME="loop" VALUE="false"><PARAM NAME="quality" VALUE="low"><PARAM NAME="wmode" VALUE="transparent"><EMBED src="URL" loop="false" quality="low" wmode="transparent" WIDTH="240" HEIGHT="235" NAME="2" align="" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" luginspage="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> 現在このようなタグを使っていて、フラッシュ内でハイパーリンクをつけているのですが、なぜかハイパーリンクを設定しているボタンを押しても無視されてしまいます・・・ 原因が分かる方よろしく終え願いいたします。

  • ブログにYouTubeを貼りたいんですが

    いろんなサイトを見て、挑戦したんですけど出来ません Embedの右にあるhtmlをコピーして本文に貼るのは分かるんですけど 実際やってみると英数字しか表示されないです 私が使っているヤプログではobjectが使えないみたいで <FONT>、<BR>、<B>、<I>、<A>、<P>、<CENTER>、<U>、<S>、<STRONG>、<STRIKE>、<EM>、<IMG>が使えるみたいです こういった時はどうすればいいのでしょうか? あと、この下にあるhtmlをどう変えれば出来るのでしょうか? 誰か教えて下さい お願いします <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/kXoczYmOog4"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/kXoczYmOog4" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

  • swfファイルが Mozilla Firefox で小さく表示されてい

    swfファイルが Mozilla Firefox で小さく表示されています。 こちらのサイトでも同じような質問を見かけたので参考にしていましたが 私の力不足により、解決できなかったのでみなさんのお力をおかりしたいです。 ブラウザのウインドウサイズに合わせて、swfファイルが表示される大きさが変わる仕様です。 IEでは問題なく表示されています。 HTMLのソースは下記の通りです。 ──────────────────────────────────────── <div align="center" class="style1"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','100%','height','100%','src','top','wmode','transparent','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','top' ); //end AC code </script> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%"> <param name="movie" value="top.swf" /> <param name="quality" value="high" /><param name="wmode" value="transparent"> <embed src="top.swf" width="100%" height="100%" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed> </object> </noscript></div> ──────────────────────────────────────── 他の質問・回答では embed src="top.swf" width="100%" height="100%"の部分のwidthとheightの値が 100%になっていなかったためとありましたが、 私が作成したものは最初から上記ソースのように100%になっているので解決方法が分かりません。 どうかみなさまのお力をお貸しください。 今週末にある友人の結婚式で使うものなので、至急回答をお待ちしております。 私の制作環境は自宅(主婦で趣味の延長)で OS:Windows vista  ソフト:DW CS3 です。 よろしくお願いいたします。

  • fire foxで画像が崩れます!

    IE でフラッシュをアップすると、きれいに表示できたのですが、 firefoxで表示すると、巨大になっていて、ぶざまになっていました。 どなたか詳しい方、ご指導お願いします。 下記のタグでおかしいところを、教えていただけますか?  <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0" width="496" height="258"> <PARAM name="MOVIE" value="a11/a11.swf"> <PARAM name="PLAY" value="true"> <PARAM name="LOOP" value="true"> <PARAM name="QUALITY" value="high"> <PARAM name="WMODE" value="transparent"> <EMBED src="a11/a11.swf" width="1895" height="791" wmode="transparent" type="application/x-shockwave-flash"></OBJECT>

  • 自分で制作したFlashがMacでのみ動かない

    自分で制作したFlashをホームページで表示したのですが、windowsでは動いたたのにmacでは動きませんでした。 macでは、パブリッシュをしてアップロードしたhtmlではみれましたが、タグで表示したときのみ、表示されるものの動きませんでした。 タグが対応してないのでしょうか? タグは <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=640 HEIGHT=480> <PARAM NAME=movie VALUE="http://www.geocities.jp/senshigemu/neko/seltukou/seltukouzou.swf"> <PARAM NAME=play VALUE=true> <PARAM NAME=loop VALUE=false> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=window> <EMBED src="http://www.geocities.jp/senshigemu/neko/seltukou/seltukouzou.swf" play=false loop=false menu=false quality=high wmode="window" width="640" height="480" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"> </EMBED> </OBJECT> です

    • 締切済み
    • Mac
  • Safariでflash部分が表示されません

    ie6、7、firefoxでは正常に表示されるのですが、Safariでのみflash部分が表示されません。 Safariは3.04ベータで英語版を使っています。 flashを使っている他サイトは普通にflashを見る事ができるので、ソースの問題ではないかと思っているのですが、どうしても分かりません。 足りないところは、補足説明も致しますのでよろしくお願い致します。 ------------------------------------------------- ■htmlファイル <object data="common/flash/top.swf" type="application/x-shockwave-flash" width="770" height="160"> <param name="movie" value="common/flash/top.swf" /><param name="wmode" value="transparent" /> </object>

専門家に質問してみよう