Map i area problem z img Opcje

[xammil]

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

1. Kod

[HTML] pobierz, plaintext 
<map id="map" name="Map">	
	<div id="r-101" class="_class">
		<img src="src" alt="alt" />
	</div>
	<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;"/>
</map>
 
<div id="source">
	<img class="source" src="src" alt="alt" usemap="#Map" />
</div>
 
[HTML] pobierz, plaintext 

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

Ten post edytował xammil 21.07.2011, 13:08:35