Witam robię taka małą mapkę i otóż:

1. Kod
  1. <map id="map" name="Map">
  2. <div id="r-101" class="_class">
  3. <img src="src" alt="alt" />
  4. </div>
  5. <area class="test" target="_self" shape="poly" coords="..." alt="alt" href="#"onmouseover="showBox('r-102', 1); return false;" onmouseout="showBox('r-102', 0); return false;"/>
  6. </map>
  7.  
  8. <div id="source">
  9. <img class="source" src="src" alt="alt" usemap="#Map" />
  10. </div>
  11.  


2. Problem: mam skrypt JS który pokazuje mi po najechaniu na 'area' odpowiedniego 'div' z 'img', problem w tym że, 'img' gdy się pojawia przysłania mi 'area' co za tym idzie uruchamia się 'onmouseout'...

Chodzi o z-index, ale nie do końca kumam ocb, mój obrazek 'główna mapa' #source {z-index:100;} a wszystkie #map > div._class {z-index:20;},
no i kiszka bo nie dziala...

Jakieś propozycje ?

Sugerowałem się taka mapą Mapka

Pozdrawiam Kamil.


nieaktualne