教えて下さい。マウスを当てると図に効果が出る方法

質問

ホームページで世界地図がアジア・ヨーロッパ・オセアニアなど６つくらいに区切られていて
マウスのポインタをおくとその地域が目立つ様に光るイメージマップがありますよね。
それと同じのを作りたいのですがどうやったら作れるのでしょうか？？
ホームページビルダーの分厚い本にも載ってなくてとても困っています。
どなたか教えてください。
環境はXPとIBMのホームページビルダー８です。

回答No.6

noname#107580 · ベストアンサー

No.4のyayopixです。

ページ見てみました。
こんな方法があったんですね。
思いつきませんでした。

方法はlead1976さんが解説してくれてますね。

ソースをみるとFireworksを使っているようです。
Fireworksでの作り方でしたら、分かるんですが、ビルダーではちょっと分かりませんでした。
一応持っているんですが、すぐにMacromediaにしてしまったので殆ど使った事がないんですよ・・。

「ナムコポーロ」のソースを参考にしながらソースを手書きしていくしかないような気もします・・。

アドバイスになっていませんね・・m(_ _)m

お礼

何度も本当にありがとうございます！！
遅くなりスイマセン。
lead1976さんの方法で可能なのですが、下にも書かせて頂いたとおり、ロールオーバーで範囲指定の方法がわかりません、どうすればよいのでしょうか。

回答No.7

noname#107580

＞ロールオーバーで範囲指定の方法がわかりません・・

ロールオーバーでなくイメージマップで探してみてください。

回答No.5

noname#199778

先の方への補足にあったサイトを見てみましたが、件のサイトではその効果をJavaScriptのロールオーバーで作成しています。
イメージマップの各エリアにマウスが入ったときに、エリア毎の画像を部分的に差し替えているのではなく、そのイメージマップに使用している画像全体をまるごと交換し、該当の地域を明るく強調してある画像に変更しています。

ですので、これを手本に同じようなものを作るのであれば、素の状態の全体画像と、イメージマップ上でクリックされるエリアを強調した全体画像を、強調表示するエリアの数だけ用意しておく必要があります。
強調表示させる地域が6区あるのであれば、
・どこも強調表示していないベースになる全体画像
・1区を強調表示した全体画像
・2区を強調表示した全体画像
・3区を強調表示した全体画像
・4区を強調表示した全体画像
・5区を強調表示した全体画像
・6区を強調表示した全体画像
の計7枚の画像を用意し、それらをイメージマップのエリアにポインタが載った時、ポインタが外れた時のそれぞれの時点で、ロールオーバーによりイメージマップの画像を適宜交換するように仕掛ける必要があるでしょう。

ホームページビルダーが生成してくれるロールオーバー効果でも、十分に実現可能と思いますよ。

参考になれば。

お礼

回答ありがとうございます。
遅くなり申し訳ありませんでした。
なるほど！！そう言うことですか！！
確かにそれなら可能ですね。
ただ一つ気になるのですが、ホームページビルダーで
ロールオーバーを使うとき、画像内でポインタが来た時、効果が発動する範囲を指定できるのでしょうか？
私のハンドブックでは画像を指定するやり方しか載っていません。

回答No.4

noname#107580

こんにちは！

ロールオーバーはちょっと考えずらいですね。
隣り合う国をどちらも光らせるようには作れないと思います。
どちらか一方を光らせるようにロールオーバーを作るともう片方の国はそれと重なってしまうので作れないと思うのですが・・

重ねてロールオーバーって出来るのかな？
ん？レイヤーを使えば出来るかな？

kameyamaさんのご覧になったページのソースはどうなっていますか？
Flashとか使ってないでしょうか？

補足

遅くなりすいません。
たとえば「ナムコポーロ」というサイト
にあったのですが。フラッシュではないようです。

回答No.3

noname#6306

＃１さんの回答のとおりロールオーバーでできますが，ご質問のように地域が光るような場合はその地域ごとに画像を用意する必要があります。
ロールオーバーだとかなり面倒ですよ。

補足

はい。ロールオーバーについてはひととうり理解したのですが、イメージマップのように多角形で範囲選択は出来ない様なので画像を指定しなければなりませんよね。
とするとやはりアフリカならアフリカの形をした画像、アジアならアジアの形の画像・・・と用意すれば出来るのじゃないかとは思っていたのですが、それを集めて世界地図が作れるのでしょうか？？
（すいません。意味が分からなかったら言ってください）

回答No.2

sunrize

それはロールオーバーの機能ですね。
多分ホームページビルダーにもその機能はあると思うのですが、今回はこんなページを見つけましたので
そちらをご覧ください。

ビルダーの説明1
http://www.mayukoubou.jp/v6/kowaza/kaisetu/2001/over/over1.htm

ビルダーの説明2
http://homepage3.nifty.com/takimiti/lesson/bhp11.htm

その他ソフトでは
http://www.too.com/ec/tutorial/t1_3/rollover1.html

参考URL：

http://www.mayukoubou.jp/v6/kowaza/kaisetu/2001/over/over1.htm

お礼

回答ありがとうございます。
やはりロールオーバーの機能を応用するのでしょうか。
地域の形が四角形でないためやり方がわからないです。
世界地図の様な複雑な形でロールオーバーは出来るのでしょうか？何度もすいません。

回答No.1

ce-re-s

ロールオーバーという機能です。

ホームページビルダーの本というのはソフト購入時に同梱されているマニュアルでしょうか？
それとも「できる」シリーズとかのマニュアル本でしょうか？
たいていの本には載っていると思うのですが・・・

ロールオーバーという機能でもう一度本を確認してみてください。

お礼

回答ありがとうございます！
参考書籍は『ホームページビルダー８ハンドブック』という表紙の黒い本です。