hi,
ich möchte einen marker über meine isometrische karte legen, welche aus mehreren absolut definierten <div/>-containern besteht,
darüber habe ich eine imagemap gelegt.
um dies zu bewerkstelligen suche ich nun schon seit stunden nach einer passenden lösung, bisher habe ich nur skripte gefunden welche das gesamte bild austauschen etc.
wie könnte ich bei folgendem code auf dem jeweiligen tile ein einblenden des markers erreichen:
über denkanstösse oder snippets würde ich mich sehr freuen...
ich möchte einen marker über meine isometrische karte legen, welche aus mehreren absolut definierten <div/>-containern besteht,
darüber habe ich eine imagemap gelegt.
um dies zu bewerkstelligen suche ich nun schon seit stunden nach einer passenden lösung, bisher habe ich nur skripte gefunden welche das gesamte bild austauschen etc.
wie könnte ich bei folgendem code auf dem jeweiligen tile ein einblenden des markers erreichen:
<div id="0:0:0" style="left: -64px; top: 25px;">
<div style="z-index: 180">
<img src="images/isomap/planet/terrain/fow_grass.gif"/>
</div>
</div>
<div id="1:0:1" style="left: -64px; top: 89px;">
<div style="z-index: 180">
<img src="images/isomap/planet/terrain/fow_grass.gif"/>
</div>
</div>
<div id="2:0:2" style="left: -64px; top: 153px;">
<div style="z-index: 180">
<img src="images/isomap/planet/terrain/fow_grass.gif"/>
</div>
</div>
<img height="700" width="1024" USEMAP="#map" src="/img/spacer.gif" />
</div>
<map name="map">
<area shape="poly" coords="0, -16 -64, 15 0, 46 64, 15" href="" alt="Koordinate: 1:1:1:0"/>
<area shape="poly" coords="0, 46 -64, 77 0, 108 64, 77" href="" alt="Koordinate: 1:1:1:1"/>
<area shape="poly" coords="0, 108 -64, 139 0, 170 64, 139" href="" alt="Koordinate: 1:1:1:2" />
</map>
<div style="z-index: 180">
<img src="images/isomap/planet/terrain/fow_grass.gif"/>
</div>
</div>
<div id="1:0:1" style="left: -64px; top: 89px;">
<div style="z-index: 180">
<img src="images/isomap/planet/terrain/fow_grass.gif"/>
</div>
</div>
<div id="2:0:2" style="left: -64px; top: 153px;">
<div style="z-index: 180">
<img src="images/isomap/planet/terrain/fow_grass.gif"/>
</div>
</div>
<img height="700" width="1024" USEMAP="#map" src="/img/spacer.gif" />
</div>
<map name="map">
<area shape="poly" coords="0, -16 -64, 15 0, 46 64, 15" href="" alt="Koordinate: 1:1:1:0"/>
<area shape="poly" coords="0, 46 -64, 77 0, 108 64, 77" href="" alt="Koordinate: 1:1:1:1"/>
<area shape="poly" coords="0, 108 -64, 139 0, 170 64, 139" href="" alt="Koordinate: 1:1:1:2" />
</map>
über denkanstösse oder snippets würde ich mich sehr freuen...