プルダウンメニューとフェードインの組み合わせを作りたい/FLASH?CSS?
お世話になっております。
添付画像の通り、フェードイン画像のFLASHの上にプルダウンメニューを設置したいと考えています。
フェードインだけならFLASHで問題なく作れそうなのですが、困っているのはプルダウンメニューです。
元々FLASHはあまり知識がないので、CSSなどで作ろうと思っておりました。
以前、以下のサイト様のサンプルを参考にさせていただき作った経験はあります。
http://css-eblog.com/csstechnique/css-8.html
ですが、今回はこのプルダウンと同時にボタンにマウスオーバーした際、プルダウンが出るだけでなく、オーバー画像を変化させたいのです(添付画像の通り、通常時オレンジボタン→オーバー時黄色ボタン)。それが上記のCSSでどうすればいいのか分からず、もはやFLASHで作ったほうが良いのではと考えています。
その場合、プルダウンメニューのFLASHとフェードインのFLASHは別に作るべきなのでしょうか?
プルダウンメニューがFLASHにかかるように(画像参照)したいので、全てを一つのFLASHにするしかないのかと悩んでいます。
非常に基本的なことかもしれませんが、プルダウンのようなアクションスクリプトを使ったものと、フェードインのようにタイムラインに沿って動かすものを1つのFLASHで実現できるのでしょうか?
それとも、最初に挙げたCSSに手を加えればCSSのみでプルダウンを実現できるのでしょうか?
もう何を使って何から作ればいいかすら分かりません。
どんな小さいことでもありがたいので、ヒントいただけましたら幸いです。
どうぞよろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
FLASHにCSS設定は出来ません。
Webページを制作する際のHTMLのFLASHの入れ子のCSSのBOXをフォトショップのレイヤーのようにかぶせてあげるのです。
プルダウンメニューを前面 写真を背面にして重ね合わせてあげれば プルダウンメニュー展開時の画像を写真にかぶせることが出来ます。
otaku37564さま、
何度もご回答ありがとうございました!
>FLASHにCSS設定は出来ません。
恥ずかしながら存じ上げませんでした。教えて下さってありがとうございます。
おかげさまで何をすべきかが分かってきました。
おそらくまたつまづくと思いますが、まずは奮闘してみます。
どうしても分からなかったらまた投稿させていただくかもしれないので、もし見かけたら助けて下さると嬉しいです。
ほんとうに、ありがとうございました!
No.2
- 回答日時:
そうですか だったら別けて作るしかないですね。
ただしプルダウンメニューが 下の写真にかぶる場合は、CSS側でZ-INDEXを指定してあげないといけません。
度々のご回答ありがとうございます。
分けて作ることがわかっただけでもとても有難いです!
すみません、もう少し教えていただけると嬉しいのですが、
>CSS側でZ-INDEXを指定
というのは別々に作って、プルダウンメニューのFLASHにCSSを設定するということでしょうか?
何度も申し訳ありません。
どうかよろしくお願いします。
No.1
- 回答日時:
ボタンで画像を切り替えるのをHTMLとFLASHでやる場合FLASHを白画面からフェードインするファイルをボタン分だけ用意しなければいけません。
(だってHTMLの指示じゃFLASHのどのフレームからスタートするか指定できないでしょ)というわけで、プルダウンと画像は1つのFLASHで作ります。
プルダウンメニューと、画像をレイヤーで別けて
まずすべての画像を白画面からフェードインするアニメションを制作します。
(10フレームくらいで写真表示がいいでしょう10フレーム目にSTOP()のスクリプトを入れましょう)
それを10フレームづつ階段のようにずらしておきます。
先頭行にプルダウンのメニューを作ります。
(割愛します)
プルダウンを作ったフレームの最後にはSTOP()のスクリプトを入れます。
プルダウンのボタンを押した時に指定の写真のアニメが始まるフレーム数をgotoのスクリプトで入れてあげればいいだけです
早速のご回答ありがとうございます。
私の説明が悪かったです、申し訳ありません。
ボタンとフェードインする画像は関係ないのです。ボタンは単に他のページに飛ぶためのものでして、ボタンのマウスオーバーやクリックに関係なく、フェードイン画像はページを読み込みと同時にスタートさせたいのです。
トップページを読み込むとフェードインのFLASHが出るサイトがよくあると思うのですが、それです。
ボタンはトップページから他のページに飛ぶために使います。
なので、トップページにはフェードインとプルダウンメニューがあり、他のページはプルダウンメニューのみがあるようになります。
ということは分けて作るのでしょうか?
ご意見いただけると助かります。
せっかくご回答くださったのに申し訳ありません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング Adobe FLASH に代わるソフトはありますか? 4 2022/09/27 19:35
- マルウェア・コンピュータウイルス FlashPlayerの削除とマルウェア感染について 5 2023/02/23 20:52
- Flash 私のコンピューター上のファイルが開けられない。 1 2022/07/19 18:15
- WordPress(ワードプレス) Wordpress 複数プラグインの不具合? 1 2022/10/09 21:52
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- デスクトップパソコン ホームページビルダー15 1 2023/05/30 12:30
- USBメモリー・SDカード・フラッシュメモリー プリンタのドライバーをUSB Flash Diskに保存したい。 4 2023/05/23 23:30
- ドライブ・ストレージ USBメモリが勝手に接続解除される。 2 2022/06/30 12:38
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
arduino プログラムについて
-
potplayerについて質問です
-
FLASHでゲームを作っていた人は...
-
この曲はなんでしょう?
-
laptop go2からの買い替え、lap...
-
スクリップト
-
私のコンピューター上のファイ...
-
chrome flash
-
FLASHの再生はできないのでしょ...
-
フラッシュゲームアーカイブ2
-
ウェブサイトで Flash が事実上...
-
Flashコンテンツを使ったWebサイト
-
Flash Playerのサポートが終了
-
Form内のselectを連動させるに...
-
Flashをブロックしないで
-
ダウンロードしたデジブックはa...
-
ad or script について
-
Flashplayerの運用について
-
VBAのコンボボックスの年月表示...
-
Adobe Flash Player
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
WEBブラウザの重複起動の禁止
-
AS3.0で子MCから他の子MCの...
-
Math.ramdom()を特定回数繰り返す
-
ループ再生のflashをタイムライ...
-
ASではどうやって記述するのか
-
Excel VBA SetFocus
-
フラッシュ初心者ですが
-
Smartyのテンプレートについて
-
ActionScriptで関数とは?
-
Flash lite1.0の計算クイズ
-
プルダウンメニューとフェード...
-
Error#1009 時計のシーン移動ボ...
-
秒と同期してMCを動作させる方法
-
as3 SharedObjectクラスを使用...
-
actionscriptでfor文が正常に動...
-
ムービーの早送りと巻き戻しが...
-
xmlから配列で取得したものを取...
-
FLASH LITE1.1のテキスト入力に...
-
ボタンとASが1フレーム目にない...
-
loadMovieで読み込んだswf
おすすめ情報