FlashもしくはJavascriptを利用したナビゲーションメニュー

質問

ホームページの作成でトップページに
FlashもしくはJavascriptを使用してインパクトのあるナビゲーションを設置を検討しています。

現在考えているナビゲーションのイメージとしては
・メインの画像エリアと複数のボタンで構成
・各ボタンにマウスオーバーすると画像エリアの画像を切り替え
・各ボタンをクリックすると任意のリンク先へジャンプ
といった形です。

いろいろと探してみましたが一番イメージが近いものは以下のURLで使用されているフラッシュです。
http://www.intheroom.jp/
ここはメインの画像エリアが自動的に切り替わったり、画像の切り替えにエフェクトがかかりますがここまでは必要ないです。（あると尚よいですが・・）

以下で配布されているスクリプトもイメージに近いです。
http://jqueryglobe.com/labs/feature_list/
ここはマウスオーバーで画像が切り替わらず、クリックしても別のURLには飛ばない点が残念です・・・。

もし私のイメージに近い形で配布されている素材をご存じでしたら教えていただけないでしょうか？

よろしくお願いいたします。

回答No.1

nine999 · ベストアンサー

どちらもマウスオーバー自体は難しくないものです。

Flashの場合、画像をレイアウトするときに、マウスオーバーの設定をするので、画像が2枚あれば、あとはリンクの設定時にレイヤーを分けて設定します。（素材とは関係なく、Flashの設定で行います）

JavaScriptについても、マウスオーバーは素材と直接関係ありません。
http://www.openspc2.org/reibun/javascript/mouse/029/index.html
こちらがサンプルです。
リンクの設定に、onMouseoverとonMouseoutを使って、マウスが重なったときと外れたとき（戻すため）で画像を入れ換えます。このとき、画像はどこにあっても構いません。画像に名前（ID）を付けて、スクリプトではその名前を指定して画像を差し替えています。

Flashの方が手間がかかると思いますので、JavaScriptをコピーしてやってみると良いかと思います。
画像だけは先に用意して置いた方が良いですね。

お礼

回答ありがとうございました。

なるほど、それほど難しく考える必要はなかったのですね。
参考URLのコードなら自分自身でいろいろと修正できそうです。

ありがとうございました！