WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:イメージマップのロールオーバー

yuji[MAIL][URL][WriteDate : Mon Nov 13 13:27:17 2000]

イメージマップ(クリッカブルマップ)のロールオーバーについて、どなたかお教えください。

イメージマップで、日本地図から希望の県を選択出来るようにしております。
マウスがのっている領域(県)を、ロールオーバーボタンのように色を変えることが出来るでしょうか?
動作があまり遅くならない方法がございましたら、ぜひお教えください。

ちゃいぱ[MAIL][URL][WriteDate :Mon Nov 13 16:26:06 2000]


>色を変えることが出来るでしょうか?
ちょっと、厳しいかも...。

予め、そこだけ色を変える分の全体イメージマップをすべて用意すれば、動的な画像の置き換えだけで、いけると思います。

そうでなく、動的にイメージの一部の色を変えのは、出来るのでしょうか?

わごな[MAIL][URL][WriteDate :Tue Nov 14 00:12:39 2000]

MAPやAREAにはスタイルシート(:hvoer等)が効きませんネ

全体のイメージを県ごとに色分けしておいて
OnMouseOverでIEのfilter:Chroma()を使って色が変わる(背景色がでる)ってのはどうでしょうか?(IE4以降限定になりますネ)

わごな[MAIL][URL][WriteDate :Tue Nov 14 00:16:14 2000]

すみません
前述の方法、OnMouseOverの対象を考えてませんでした→ボツ!!


バギンズ[MAIL][URL][WriteDate :Tue Nov 14 14:19:55 2000]

filter: Alpha()ってイメージの部分指定とかできるんですかね?
でも、IE4以降限定じゃだめか...
参考に今度試してみます。

andi[MAIL][URL][WriteDate :Tue Nov 14 14:48:53 2000]

イメージマップを使っていたかどうかは分りませんが
『駅すぱーと』(LAN版)でそのような動作があったような・・・
現在は手元に無い状況なので方法まで分りませんが。


yuji[MAIL][URL][WriteDate :Tue Nov 14 17:00:38 2000]

皆さんありがとうございます。

>ちゃいばさん
 県別のイメージを用意しても、イメージをスワップするのに時間がかかるのではないでしょうか?
>わごなさん、バギンズさん
 filter: Alpha()は試してみましたが、ネスケに対応してくれないのが致命的でした。
>andiさん
 もし詳しく分かりましたらお教えください。

皆さんよろしくお願いいたします。
 

kimie[MAIL][URL][WriteDate :Tue Nov 14 19:34:54 2000]

rect(方形)だけなら、cliptop,clipleft,clipright,clipbottom
指定で2枚の画像で可能かも・・・
polygon(多角形)はわたしには無理でした。

サンプルを作ってみました。
http://www.kidsjapan.net/~web-k/sample/imagemap.html


ひよこ[MAIL][URL][WriteDate :Wed Nov 15 02:23:55 2000]

余談ですが、FLASHなら簡単に出来ます。

#でもFLASH嫌いな人もいるかも・・私は大好きですが(^_^;



yuji[MAIL][URL][WriteDate :Wed Nov 15 16:17:27 2000]


>kimieさん
ありがとうございます。
期待した通りのものです。
これは使わせていただいてもよろしいのでしょうか?
もしよろしければ、メールをいただきたく存じます。
>ひよこさん
フラッシュで作ってみたのですが、ご指摘通りクライアントに
拒否反応がございまして、没になりました。


まゆみ[MAIL][URL][WriteDate :Fri Nov 17 14:05:26 2000]

こんにちは。

http://www.m-cdm.com/i/test.html
これでは、だめかな?
レイヤー使いましたけど。

ちゃいぱ[MAIL][URL][WriteDate :Sun Nov 19 15:22:43 2000]

kimieさん、まゆみさん
テストプログラム、ありがとうございました!
勉強になりました!


andi[MAIL][URL][WriteDate :Wed Nov 22 10:43:03 2000]

先日の『駅すぱーと』(LAN版)に触れる機会が偶々ありましたのでソースを確認して見ました。
ざっと見たところ<AREA>にonMouseOverをしかけて日本地図すべてを書き換えていました。
駅すぱーと場合は県別でなく、東北、四国といった地域別になっていたので、
画像枚数が少なくこのような手段が取れたのですね。

すでに完了していますが参考までに。
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]