• 締切済み

FlashとJavascriptのメニューについて

現在Javascriptのドロップダウンするサブメニューを作っています。(http://lolipop.jp/のような感じ) そのメニューの下にFlashムービーを配置したいのですが、ドロップダウンしてくるサブメニューはFlashの下に隠れてしまいます。つまり1つ下のレイヤーに表示されてしまいます。 Javascriptをいかしたまま、サブメニューをFlashの上に表示させる方法はありますか?ぜひ教えてください。宜しくお願いします。

  • Flash
  • 回答数4
  • ありがとう数13

みんなの回答

  • N_A_O
  • ベストアンサー率66% (37/56)
回答No.4

下記参照。これが希望に近いんじゃないかな、他にも色々有るけど。良かったら試してみて。 http://www.dynamicdrive.com/dynamicindex1/jimmenu/index.htm

toru_flash
質問者

お礼

サンプル、ありがとうございます。 結局、今回はflashでサブメニューを作ることにしました。

noname#35109
noname#35109
回答No.3

#2です。 >> サブメニュー非表示の時に無駄な空白ができてしまう・・・。 そうですね。 だから,参考URL↓の,一番下の「fmenu_5 サンプル : _blank」のようなメニューを作られるパターンが1つのアイデアでしょうか。 Flashでドロップダウンメニューを作ると,HTMLの階層が同じなら,同じSWFが使えるので,サイトの更新が楽と言えば楽です。 1つのページを増やすか変更があると,メニューも1つ追加か変更になるわけですが, 1つのFlashを変更すれば全ページのFlashも変わるので,全ページをやり直す必要がなくなります。 (GoLiveやDreamweaverのテンプレート機能を使えば,全ページの更新は自動的にしてくれるので,JavaScriptメニューでも更新は楽と言えば楽ですが…) でもFlashでメニューを作ると,検索エンジンの問題が発生します。 と,いろいろ言っていても,メニューに関しては際限なくダラダラ話が出てくるだけですのでこの辺で… とにかく,あまり参考にはならないかもしれませんが,参考URLは1つの方法です。

参考URL:
http://www.lilac.cc/~speed1/fmenu/
toru_flash
質問者

お礼

あれこれ試行錯誤した結果、結局flashに重なるメニュー部はflashでメニューを作る事にしました。 どうもご親切に教えていただいてありがとうございます。

noname#35109
noname#35109
回答No.2

Flash作成ソフトはお持ちですか? つまり,FlashMX2004とか,FlashMXとかFlash5とかそういうもの。 お持ちでしたら,パブリッシュ設定で,HTMLのタブを選択,「ウィンドウモード」を「透明」に設定して「OK」。 それで,HTMLをパブリッシュしてください。 Flashの背景は別に透明でなくてもかまいません。写真などの画像があっても,色が付いていても何でも良いです。 パブリッシュされたHTMLのタグを,ドロップダウンメニューのHTMLに貼り付けて,SWFを表示させてみてください。 ドロップダウンメニューがFlashの後に隠れないはずです(80%くらいの確率)。 Flashの上に字や画像を乗せる(かぶせる)のは基本的に無理です。 上記方法で行くと,Windowsで,しかもIEに限って,ドロップダウンメニューがFlashより上に表示されます。 個人的なサイトはこれでも良いかもしれませんが,企業などのサイトではダメです。 そういう風にしている企業サイトは, ブラウザやOSを判別して,Win+IEのときだけ,上記透明タグを使うか(参考URL↓), ドロップダウンメニューにオンマウスしたとたん,SWFをJPEGにすり替えているかどちらかです(参考URLは先日まで実はこのJPEGすり替えパターンだったのですが,最近判別パターンに変えたようです)。

参考URL:
http://studio.adobe.com/jp/
toru_flash
質問者

お礼

ご回答ありがとうございます。 そうですか・・・、Macなどにも対応させる必要があるので駄目ですね。そうなると、メニューもflashで作るしかありませんか? flashは持っていますが、flashでサブメニューを作ると画面の高さが制限されてしまいますよね? サブメニュー項目が増えてくると画面内に収まりきらないし、flashの高さを多めにしておくとサブメニュー非表示の時に無駄な空白ができてしまう・・・。

  • Mulumba
  • ベストアンサー率45% (27/59)
回答No.1

レイヤーの表示順z-indexを変えてやれば良いと思います。

toru_flash
質問者

お礼

ご回答ありがとうございます。 http://www.htmq.com/style/z-index.shtmlを参考にスタイルシートで試してみましたがうまくいきませんでした・・・。

関連するQ&A

  • JavaScriptのプルダウンメニューとFLASHの重ね順

    ページのメインメニューをJavaScriptで作成したプルダウンメニューにして、ページの上端に配置しました。そしてそのすぐ下にFLASHムービーを配置したんです。 で、実際にページを表示してみたところ、メニューボタンにマウスアップして出てきたプルダウンメニューがFLASHムービーの下に隠れてしまったのです。 これではメニューが選択できないです。。。 FLASHとの重ね順を設定することってできるんでしょうか?

    • ベストアンサー
    • CSS
  • プルダウンメニューが隠れてしまいます

    indexページにFlashで制作したswf形式のムービーを配置しました。 ところが ヘッダに配置してたメニューからJavaScriptでプルダウン表示されるメニューと ムービーが重なる部分がレイヤーのような状態となり プルダウンメニューがムービーの背面へ隠れてしまい メニューの機能が失われてしまいました ・swfはhtmlに直接配置して表示 ・プルダウンのメニューは外部に置いたjsファイルを読み込んで表示 ・メニューも外部JavaScriptからの読み込み 以上の仕様なのですが問題点はswfの配置方法でしょうか? それともJavaScriptのレイヤーに問題があるのでしょうか? アドバイスをお願い致します

  • ドロップダウンメニューの表示が隠れるのですが。

    ドロップダウンメニューでサブメニューがFLASH動画の後ろに表示されてしまいます。 どこかソースの追記等で直るのでしょうか? 今、ドロップダウンメニューを作っているのですが、 http://pkoko.sakura.ne.jp/test/index3.html ↑JPG画像等を配置した場合はきちんと表示されるのですが、 http://pkoko.sakura.ne.jp/test/index2.html ↑画像をFLASHにすると、サブメニューがFLASHの後ろに隠れてしまいます。 どこかソースの追記等で直るのでしょうか? http://pkoko.sakura.ne.jp/test/sos.html ↑今使っているソースはこれです。 知っている方がいたら回答お願いします。

  • フラッシュとドロップダウンメニューの重なり、階層について

    こんにちは。知り合いのHPを頼まれて作っていますが、壁に当たってしまいました!皆様お知恵をおかしください!!! ドロップダウンメニューをフラッシュの上に表示させたいのですが、うまくいきません! いろいろな参考サイトを見ていろいろと試していますが、うまくいきません。 かれこれ丸二日間悩んでおり、頭から火がでそうです。。。。。 何卒、解決策のご教授をお願い致します。 こちらのページです → http://www.itk-pro.com/index.html どうしても フラッシュの下に、ドロップダウンメニューが もぐってしまいます。

    • ベストアンサー
    • Flash
  • flash自体のサイズを動的に可変させる

    はじめまして。 Flashを勉強しだして日は浅い初心者ですが質問させていただきます。 Flashドキュメントのサイズをムービーの内容に応じて変えていく事は可能でしょうか? 具体的に説明しますと、 webサイトのサイドに縦型のメニューを配置します。 そのメニューをFlashで制作します。 メニュー項目にマウスカーソルを合わせると、サブメニューが出てくるというドロップダウン式のメニューを考えています。 サブメニューが格納されている状態と、サブメニューが出ている状態では、高さのサイズが違います(見た目では) そこで、あらかじめサブメニューが出ている状態を想定しスペースをとって制作していくのではなく、サブメニューが格納されている状態のサイズで制作し、サイト上に配置したときにサブメニューが出ている状態になると配置されたFlashドキュメント自体のサイズ(高さ)が代わる。 というような事は可能でしょうか。 分かりにくい説明で申し訳ありませんがよろしくお願い致します。

  • javascriptでなめらかなプルダウンメニューを

    javascriptを使ってFlashで作成したようななめらかな動きをするプルダウンメニューを 作成するのは出来るのでしょうか。 色々と調べてはいるのですが、下記サイトのサンプルのように クリックして直ぐにサブメニューが表示される、という方法は見つけられても 滑らかな動きを実現できる方法が見つかりません。 http://javascript.eweb-design.com/sample/s0701_1.html イメージとしては、 1.メニューをクリック 2.1秒後に上からズルズルっとサブメニューが表示される 3.メニューからマウスが離す 4.1秒後にズルズルっとサブメニューが上に戻る うまい表現方法が見つからず分りづらい質問となってしまいましたが アドバイスをいただけると助かります。宜しくお願いします。

  • Flashでイメージビューとサブメニュー処理したい

    長文で内容がおかしな文章になったりすることもありますが最後までおつきあいください。 もちろん初級レベルのFlash利用者でFlashMX2004は使っていましたが最近はFLASH8を使い始めました。 さて、タイトルのことですが、具体的には メイン表示とサブ表示があり、左半分と右半分を4:3の割合として表示する構成だとします。 メイン表示部分には主なイメージでたとえば写真でマウスドラッグすれば表示しきれない部分もみれる感じとします。 一方のサブ表示にはメニューリストがあり、 ・拡大する/縮小する ・補足メッセージポインタを表示する/しない とします。 と、ここまでFlashなら実現できるかと思ってましたが、そうは今のところうまくいきません。 まず、最初に画像表示分野をマウスドラッグできるセットされたムービークリップを配置し、 その配置したフレームの上のフレームにしてから右部分にはメニュー選択できる部分を 配置したのですが、どこが間違っているのでしょうか。 うまくいかない現象は、メニューの部分をクリックしても画像がドラッグした感じでメニューには反応しません。 どうかご教授願います。

    • ベストアンサー
    • Flash
  • フラッシュメニューの作成

    こんにちは、ホームページにフラッシュメニューをつけたいです。 ボタンの上にマウスを持ってくるとサブメニューが表示されるやつです。無料の素材だと大きさが合わず、拡大すると変になってします・・。ですので、自分で作ろうと思うのですが、どなたか作り方を教えて頂けませんか?FLASH MAKER3なら持っているのですが、その他簡単に作れるソフトがあれば教えて下さい。メニューは縦です。ボタンを押すと表示されるのではなく、マウスを持ってきた時だけ表示させ、そのサブにもリンクをはりたいです。すみませんが、よろしくお願い致します!!!!

  • プルダウンメニューの位置がずれてしまいます

    質問させてください。 メニューボタンにマウスオーバーすると下にサブメニューが表示される、プルダウンメニューを作成しています。(階層メニューというのでしょうか?) Dreamweaverでレイヤーを使って作っているのですが、サブメニューの表示位置がずれてしまって困っています。 以前ご質問させていただき、一番外のTableを中央揃えにしているため、レイヤーの「position」が”absolute”だと画面の大きさによって位置が変わってしまうことがわかりました。 そこで”relative”にすればいいのかと思ったのですが、そうするとDreamweaverの「レイヤー」(←表示/非表示やz-indexを設定したりするプロパティ)から消えてしまうのです。 たぶん、レイヤーとして認識されていないのだと思います。 自分なりに調べ、Javascriptでブラウザの幅-Tableの幅÷2を求め、そこを基点にして”absolute”にすればいいというところまではわかったのですが、知識不足のためいろいろ試してみてもJavascriptエラーになってしまって・・・。 どのように書けばいいのかお教えいただけると、大変助かります。 よろしくお願いいたします。

  • flashによるメニュー

    flashのボタンをロールオーバーさせたときに、メニューがスッと 現れるボタンを作成したいのですが、(下記URL参照) http://www.toyota.co.jp/ どのように作成したらいいのか・・ またはやり方が紹介されているページはありますか? 特にメニューが表示され、マウスを離したあとに、 元のボタンに戻るアニメーションのやり方がわかりません・・ マウスカーソルを合わせたときに、ムービークリップを使って アニメーションさせる程度の知識はありますが、 上のページのような、カーソルを合わせたら、上から下にサーっと流れてくるようなアニメーションのやり方もよくわかりません・・ よろしくお願いいたします。

専門家に質問してみよう