0

さて、私は5つのイメージマップを持っています.

<map name="Map" id="Map">
    <area id="Frame1" shape="poly" coords="549,225,687,234,682,373,543,366" href="#" alt="Frame 1" />
    <area id="Frame2" shape="poly" coords="702,219,705,354,841,347,833,213" href="#" alt="Frame 2" />
    <area id"Frame3" shape="poly" coords="482,376,476,510,624,515,627,383" href="#" alt="Frame 3" />
    <area id"Frame4" shape="poly" coords="653,540,646,404,748,403,755,537" href="#" alt="Frame 4" />
    <area id"Frame5" shape="poly" coords="764,513,882,515,885,370,764,368" href="#" alt="Frame 5" />
</map>

およびいくつかの個別の div

<div id="person-1-slide-1"><img src ="images/allnewpictures/3.png" /></div>
<div id="person-2-slide-1"><img src = "images/allnewpictures/2.png" /></div>
<div id="person-3-slide-1"><img src ="images/allnewpictures/1.png"/></div>

画像マップ領域の1つにカーソルを合わせると、divが変更されるため、画像マップ1にカーソルを合わせると、div「person-1-slide-1」が変更され、divにimgが表示されますid"person-2-slide-1"

私が求めているのは、マウスオーバー画像マップ用のjavascriptです。画像が変わるようにdivを変更してください。

4

1 に答える 1