dポイントプレゼントキャンペーン実施中!

プルダウンメニューとフェードインの組み合わせを作りたい/FLASH?CSS?

お世話になっております。
添付画像の通り、フェードイン画像のFLASHの上にプルダウンメニューを設置したいと考えています。
フェードインだけならFLASHで問題なく作れそうなのですが、困っているのはプルダウンメニューです。
元々FLASHはあまり知識がないので、CSSなどで作ろうと思っておりました。

以前、以下のサイト様のサンプルを参考にさせていただき作った経験はあります。
http://css-eblog.com/csstechnique/css-8.html

ですが、今回はこのプルダウンと同時にボタンにマウスオーバーした際、プルダウンが出るだけでなく、オーバー画像を変化させたいのです(添付画像の通り、通常時オレンジボタン→オーバー時黄色ボタン)。それが上記のCSSでどうすればいいのか分からず、もはやFLASHで作ったほうが良いのではと考えています。

その場合、プルダウンメニューのFLASHとフェードインのFLASHは別に作るべきなのでしょうか?
プルダウンメニューがFLASHにかかるように(画像参照)したいので、全てを一つのFLASHにするしかないのかと悩んでいます。

非常に基本的なことかもしれませんが、プルダウンのようなアクションスクリプトを使ったものと、フェードインのようにタイムラインに沿って動かすものを1つのFLASHで実現できるのでしょうか?

それとも、最初に挙げたCSSに手を加えればCSSのみでプルダウンを実現できるのでしょうか?

もう何を使って何から作ればいいかすら分かりません。
どんな小さいことでもありがたいので、ヒントいただけましたら幸いです。
どうぞよろしくお願いいたします。

「プルダウンメニューとフェードインの組み合」の質問画像

A 回答 (3件)

FLASHにCSS設定は出来ません。

 Webページを制作する際のHTMLのFLASHの入れ子のCSSのBOXを
フォトショップのレイヤーのようにかぶせてあげるのです。
プルダウンメニューを前面 写真を背面にして重ね合わせてあげれば プルダウンメニュー展開時の画像を写真にかぶせることが出来ます。
    • good
    • 0
この回答へのお礼

otaku37564さま、
何度もご回答ありがとうございました!

>FLASHにCSS設定は出来ません。
恥ずかしながら存じ上げませんでした。教えて下さってありがとうございます。
おかげさまで何をすべきかが分かってきました。

おそらくまたつまづくと思いますが、まずは奮闘してみます。
どうしても分からなかったらまた投稿させていただくかもしれないので、もし見かけたら助けて下さると嬉しいです。

ほんとうに、ありがとうございました!

お礼日時:2010/06/04 09:42

そうですか だったら別けて作るしかないですね。


ただしプルダウンメニューが 下の写真にかぶる場合は、CSS側でZ-INDEXを指定してあげないといけません。
    • good
    • 0
この回答へのお礼

度々のご回答ありがとうございます。
分けて作ることがわかっただけでもとても有難いです!

すみません、もう少し教えていただけると嬉しいのですが、
>CSS側でZ-INDEXを指定
というのは別々に作って、プルダウンメニューのFLASHにCSSを設定するということでしょうか?

何度も申し訳ありません。
どうかよろしくお願いします。

お礼日時:2010/06/03 20:23

ボタンで画像を切り替えるのをHTMLとFLASHでやる場合FLASHを白画面からフェードインするファイルをボタン分だけ用意しなければいけません。

(だってHTMLの指示じゃFLASHのどのフレームからスタートするか指定できないでしょ)

というわけで、プルダウンと画像は1つのFLASHで作ります。

プルダウンメニューと、画像をレイヤーで別けて
まずすべての画像を白画面からフェードインするアニメションを制作します。
(10フレームくらいで写真表示がいいでしょう10フレーム目にSTOP()のスクリプトを入れましょう)

それを10フレームづつ階段のようにずらしておきます。

先頭行にプルダウンのメニューを作ります。
(割愛します)
プルダウンを作ったフレームの最後にはSTOP()のスクリプトを入れます。

プルダウンのボタンを押した時に指定の写真のアニメが始まるフレーム数をgotoのスクリプトで入れてあげればいいだけです 
    • good
    • 0
この回答へのお礼

早速のご回答ありがとうございます。

私の説明が悪かったです、申し訳ありません。
ボタンとフェードインする画像は関係ないのです。ボタンは単に他のページに飛ぶためのものでして、ボタンのマウスオーバーやクリックに関係なく、フェードイン画像はページを読み込みと同時にスタートさせたいのです。

トップページを読み込むとフェードインのFLASHが出るサイトがよくあると思うのですが、それです。
ボタンはトップページから他のページに飛ぶために使います。

なので、トップページにはフェードインとプルダウンメニューがあり、他のページはプルダウンメニューのみがあるようになります。
ということは分けて作るのでしょうか?

ご意見いただけると助かります。
せっかくご回答くださったのに申し訳ありません。

お礼日時:2010/06/03 17:59

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!