asp.net ImageMap - изменение изображения при наведении курсора мыши

Я пытаюсь создать ImageMap, который меняется, когда пользователи наводят курсор на определенные части изображения. У меня есть следующий ImageMap, где пользователи могут щелкнуть цвет и перейти на другую страницу:

введите здесь описание изображения

Я создал 4 дополнительных изображения одинакового размера и хотел бы поменять местами изображение при наведении курсора. Например, когда я наводил курсор на синий, я хочу, чтобы изображение выглядело так:

введите здесь описание изображения

И когда я наведу курсор на зеленую часть, я хочу, чтобы она выглядела так:

введите здесь описание изображения

Каков наилучший способ выполнить то, что я пытаюсь сделать? Я планировал использовать asp.net для реализации, но не смог этого сделать.

Вот код для ImageMap/hotspot:

<asp:ImageMap ID="ImageMap1" runat="server" Height="300px" HotSpotMode="Navigate" ImageAlign="Middle" ImageUrl="~/images/hotspot-logo.png" Width="303px">
                            <asp:PolygonHotSpot AlternateText="orange" Coordinates="151,8,220,78,150,150,78,78" HotSpotMode="Navigate" NavigateUrl="~/orange.aspx" />
                            <asp:PolygonHotSpot AlternateText="red" Coordinates="220,78,150,150,222,222,292,150" HotSpotMode="Navigate" NavigateUrl="~/red.aspx" />
                            <asp:PolygonHotSpot AlternateText="green" Coordinates="78,78,150,150,78,222,8,150" HotSpotMode="Navigate" NavigateUrl="~/green.aspx" />
                            <asp:PolygonHotSpot AlternateText="blue" Coordinates="150,150,78,222,150,292,222,222" HotSpotMode="Navigate" NavigateUrl="~/blue.aspx" />
                        </asp:ImageMap>

image asp.net mouseover imagemap
person etho201    schedule 25.06.2015    source источник
comment
Я уверен, что это достаточно легко сделать, но я не могу найти никаких инструкций о том, как это сделать. Самое близкое, что я нашел, было stackoverflow.com/questions/12115412/, но это заменяется только одним изображением. Я хочу, чтобы мои изображения заменялись в зависимости от того, на какую точку доступа наводит курсор мыши пользователь.   -  person etho201    schedule 25.06.2015
comment
Это не обязательно должен быть asp.net, если это невозможно. У кого-нибудь есть другое предложение, которое я мог бы использовать? Все, что мне нужно, это чтобы изображение менялось, когда пользователь наводит курсор мыши на каждую точку доступа.   -  person etho201    schedule 27.06.2015