[HTML]Mapa HTML Opcje

[VegA]

Witam,
zamierzam zrobić taką prostą mapę . Tylko mam jedno pytanie co do niej.

[HTML] pobierz, plaintext 
<img src="mapa.jpg" width="340" height="113" usemap="#mapa" border="0">
<map name="mapa">
  <area shape="rect" coords="15,15,95,95" href="strona1.html">
  <area shape="poly" coords="135,10,135,95,222,95" href="strona2.html">
  <area shape="circle" coords="282,57,42," href="strona3.html">
</map>
[HTML] pobierz, plaintext 

Czy zamiast "RECT" "POLY" "CIRCLE" mogę dać np. rysunek jakiś Proszę o pomoc i z góry dzięki.

[Shili]

Jaki rysunek? Chodzi Ci o bardziej zaawansowany kształt, tak? Do tego służy nic innego jak poly. Po prostu musisz sobie obliczyć wszystkie wierzchołki kształtu, jaki chcesz osiągnąć i wpisać go w to poly.

[VegA]

To też Dobra już wiem jak to zrobić, ale inaczej. Chodzi mi o coś takiego


Jak klikniesz na tą muchę to przechodzi do strony strona1.html

Czyli kod mógł by wyglądać tak:

[HTML] pobierz, plaintext 
<img src="mapa.jpg" width="340" height="113" usemap="#mapa" border="0">
<map name="mapa">
<area img src="mucha1.jpg" coords="15,15,95,95" href="strona1.html">
<area img src="mucha2.jpg" coords="135,10,135,95,222,95" href="strona2.html">
<area img src="mucha3.jpg" coords="282,57,42," href="strona3.html">
</map>
[HTML] pobierz, plaintext 

Czy można coś takiego zrobić, że zamiast circle wstawić img.

Ale wiem jak to zrobić inaczej

Mogę to zrobić za pomocą coords dla img.

Wstawię kwadrat np. na 10,10,20,20 i na to nałożę np. img tą muchę na te same współrzędne Teraz mi to przyszło do głowy tylko, że jest więcej roboty z tym.

[Shili]

Tak nie można. Faktycznie możesz muchę co najwyżej nałożyć na ten obrazek, ale możesz ją wtedy po prostu zrobić linkiem i nie musisz obliczać współrzędnych, mucha przykryje bowiem mapę i obszar klikalny.
Wkomponowanie muchy w obrazek mapy za pomocą jakiegoś programu graficznego i zwykłe obliczenie jej współrzędnych nie wchodzi w rachubę?

[VegA]

Można zrobić tak jak mówisz, że na tle będzie mucha itp. Tylko, że ja bym chciał to użyć do gry. Tam będzie jeszcze sprawdzał czy gracz posiada dany budynek np. stajnie. Jeśli posiada to ma pokazać się stajnia, a jeśli nie posiada to taki młotek. Jeśli zrobię to w tle to będę musiał kilka takich robić, żeby mi sprawdzał czy jest stajnia, zamek itd. Zbyt dużo będę musiał robić. Liczmy, że mam 10budynków. To wyjdzie jakieś 100 obrazków tła ;/ Ja chcę zrobić, żeby mi to nakładało , ale znalazłem inny sposób

[HTML] pobierz, plaintext 
<div style=" position: absolute; left: 51px; width: 114px; top: 347px; text-align: center; height:343px">
 
	<a href="index.html">
	<img border="0" src="images/stajnia.jpg" width="90" height="45"></a>
	<a href="index1.html">
	<img border="0" src="images/zamek.jpg" width="90" height="42"></a>
	<a href="index2.php">
	<img border="0" src="images/palac.jpg" width="90" height="42"></a>
	<a href="index3.html">
	<img border="0" src="images/port.jpg" width="90" height="42"></a>
[HTML] pobierz, plaintext 

Np. mapa ma 500x500px. Podzielę ją na 10 i będę miał 10x10 fragmentów po 50px.

Mogę także zrobić to za pomocą tabeli tylko, że jest jednak więcej roboty ;/ A tak za pomocą <map> jest to proste do zrobienia tylko, że nie można zrobić tak <area img src="mucha1.jpg">

Pozdro