[HTML][CSS] area image map hover jak? Opcje

[luzak124]

Witam borykam się z głupim pewnie problemem a więc mam mapę:

[HTML] pobierz, plaintext 
<img src="top.png" usemap="#mapa1"/>
<map id="m1" name="mapa1">
<area shape="rect" alt="" title="A" coords="12,132,158,174" href="a.html" target=""/>
<area shape="rect" alt="" title="B" coords="13,178,157,222" href="b.html" target="" />
</map>
[HTML] pobierz, plaintext 

I nie wiem jak zrobić żeby po najechaniu na pierwszy link obrazek top.png zmienił się na top1.png a po najechaniu na drugi link zmieniał się z top.png na top2.png.

Szukałem w google ale pewnie za słabo bo nic nie znalazłem albo szukać nie umiałem więc proszę o pomoc.

[thek]

Można to zrobić na kilka sposobów. Najczęściej używa się do tego JS i onmouseover, onmouseout lub CSS oraz pseudoklasy :hover, przy czym z tym drugim często się wiąże także coś o nazwie CSS sprites.

[luzak124]

Dziękuję za podpowiedz już wiem jak to wykonać Dziękuje.