1枚の画像に複数のリンクと画像を表示させる

他の質問サイトでも質問したのですが、答えて頂ける様子が伺えないので、こちらで再度質問させて下さい。
二重になってしまい申し訳ありませんが、少々急いでいますのですみません。。

Dreamweaverを使用しています。
日本地図の一枚の画像にイメージマップでリンクを設定して
マウスオーバーした時に別の画像の吹き出しが出て、「○○県」と出るようにする事は可能でしょうか？（ツールチップのような）
できればCSSでできればいいのですが

例えば、

<div class="image">
<a href="#">
<span></span>
<img src=japan_map.gif>
</a>
</div>


.image{
margin:30px;
position:relative;
width:750px;
height:600px;
}
.image span{
width:100px;
height:40px
display:block;
position:absolute;
top:10px;
left:90px;
background: url(fukidashi.gif) no-repeat;



のような形で…私がやりたいのは自由な位置にリンクをさせ、マウスオーバーで自由な位置に吹き出し画像を表示させる…
これは可能でしょうか？

参考（狐のイラスト）→http://members2.jcom.home.ne.jp/obb/css/sample.h …

No.4 回答者： ORUKA1951 回答日時： 2009/02/02 17:14

≫英語が読めません故、細かい所がよく分かりません；

　そういう時は、翻訳サービスを使う。
　http://translate.google.com/translate?langpair=en|ja&u=http://www.frankmanno.com/ideas/css-imagemap/
　または、googleの検索オプションで、
「リンクページ次の URL にリンクしているページ 」を使う。
link:http://www.frankmanno.com/ideas/css-imagemap/ - Google 検索 ( http://www.google.co.jp/search?as_lq=http%3A%2F% … )
　

No.3 回答者： Hardking 回答日時： 2009/02/02 13:05

例.

(1)４７都道府県分の画像ファイル名をグローバル配列変数に格納する。
(2)マウスオーバー時に該当する配列番号を引数として
画像の切替表示を行うJavaScript関数 img_change を呼ぶ。

<script type="text/javascript">
<!--
pref_arry = new Array();
pref_arry[0] = "hokkaido.jpg";
pref_arry[1] = "aomori.jpg";
.
.
.
pref_arry[46] = "okinawa.jpg";
function img_change (num){
document.images("PREF").src = pref_arry[num];
}
-->
</script>

この回答への補足

↓の続きで、どういう事が分からないのか詳しく表記させて頂きます。

script部分に書いていただいたjavascriptを入れて、任意の画像名に差し替えるのは分かるのですが

その後、イメージマップの部分へどうやって呼び出すのか、その書き方がわかりません。。
<area shape="poly" coords="555,19,510,115,526,115,533,106,651,105,689,19" href="#" alt="北海道">
この部分の後ろに何か書くのですか？
[0][1][2]がいわゆる関数なのですよね？

手取り足とりで本当に申し訳ありません。

補足日時：2009/02/02 15:51

この回答へのお礼

再びありがとうございます。

JavaScript…は全然分かりません。
色々調べましたが、JavaScriptの勉強をしてないのでチンプンカンプンです＞＜；
これができたなら…！と悔しく思います。

もう少し簡単な方法はないものでしょうか？
CSSなら分かるのですが…

お礼日時：2009/02/02 15:08

No.2 回答者： ORUKA1951 回答日時： 2009/02/02 11:40

イメージマップとCSSの組み合わせでは、

【参考サイト】
CSS Image Maps - Flickr-like Technique?
　 http://www.frankmanno.com/ideas/css-imagemap/

　javascriptを使う手はありますが、ユーザビリティなどから避けるべき。

この回答へのお礼

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

とても分かりやすいサイトなのですが、英語が読めません故、細かい所がよく分かりません；
しかし、CSSでもできるという事が分かりました！

お礼日時：2009/02/02 15:03

No.1 回答者： Hardking 回答日時： 2009/02/02 10:28

ＨＴＭＬのイメージマップを使用すれば可能です。

後は、マウスポインタ上の都道府県に対する画像を
JavaScript、DHTML、CSS 等で動的チップ表示すればいいでしょう。
で、マウスポインタが日本地図外では非表示にする。

参考URL：http://www.htmq.com/html/map.shtml

この回答への補足

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

イメージマップを使用するまでは分かるのですが…
その後のリンク部分のオンマウスした時、別の画像が表示させる方法が分からないのです…
質問の仕方が悪くて申し訳ないです＞＜

補足日時：2009/02/02 10:50