マウスオンして画像の別の場所の1部分を変化させる

質問

初めまして。かなり調べたのですが、わからないので質問させて頂きます。

一枚の画像をトップページにしたいです。
その画像の中にメニュー（板に文字が書いてあるようなもの）があって、そこにマウスオンすると、その画像の別の場所が変化する（窓に明かりが灯るなど）ということは出来ますでしょうか。

イメージマップで絵の1部分からリンクを貼る方法はわかります。

回答No.2

noname#140971

<img class="map" src="・・・" usemap="#navi" hspace="0" ・・・・>
<map name="nvai" id="navi">
<area shape=rect coords="654,3,707,34" onMouseOver="update_src(・・・);return true">
・・・・
</map>

function update_src(objects, img) {
　　objects.src = img.src;
}

まあ、実際に切り替わりましたが、コードのコピペ段階でかなり消しています。
ですから、大体のイメージだけを受け取って下さい。

お礼

どうもありがとうございます！
やってみます！

回答No.1

noname#39970

希望のものだと作り方に工夫が要るができる。

基本的にはid属性やname属性によってタグを識別できるようにして操作する。