HPで画像の一部にマウスがのった時に画像を変えたい

質問

現在、自社のホームページの作成を行っております。
そこで、以下のようなことを実現したいのですが、わからないので教えてください。

-----------
|　　　　　　　 |
|　　 ●　　　 |
|　　　　　　　 |
-----------

　上記のような、四角い枠の中に●がある画像があります。
この●にマウスをのせたときに、この四角い枠と丸の画像全体を変えたいと思っております。
画像上の●以外のとこにマウスをのせても画像は切り替わらないようにしたいと思っております。

　四角い画像上にマウスをのせたときにhoverで画像を切り替えるようなことはできるのですが、
画像の一部（●部分）にマウスをのせたときにだけ画像を切り替える方法がわからないので困っております。

　教えて頂けないでしょうか。

回答No.1

piraippi · ベストアンサー

できると思います。

このページが詳しいと思います。

http://www.tagindex.com/html_tag/img/img_map.html

お礼

なんとなく、できそうな気がします。
あとは、自分で試してやってみます。
回答有難うございました。

回答No.2

ORUKA1951

そもそもHTMLがわからないと・・
その丸印はリンクか何かですか？
他のコンテンツは何でしょう。
例えば、リンクだとすると
<p class="goTopPage">
　<a href="/">Top</a>
</p>
という部分について、画像の中心のある区域に:hoverすると画像が変わる。
クリックするとサイトトップに飛ぶとか・・・

お礼

なんとなく、できそうな気がします。
あとは、自分で試してやってみます。
回答有難うございました。