Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Mapa HTML
Forum PHP.pl > Forum > Przedszkole
VegA
Witam,
zamierzam zrobić taką prostą mapę smile.gif. Tylko mam jedno pytanie co do niej.

  1. <img src="mapa.jpg" width="340" height="113" usemap="#mapa" border="0">
  2. <map name="mapa">
  3. <area shape="rect" coords="15,15,95,95" href="strona1.html">
  4. <area shape="poly" coords="135,10,135,95,222,95" href="strona2.html">
  5. <area shape="circle" coords="282,57,42," href="strona3.html">
  6. </map>


Czy zamiast "RECT" "POLY" "CIRCLE" mogę dać np. rysunek jakiśquestionmark.gif 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ż haha.gif 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:

  1. <img src="mapa.jpg" width="340" height="113" usemap="#mapa" border="0">
  2. <map name="mapa">
  3. <area img src="mucha1.jpg" coords="15,15,95,95" href="strona1.html">
  4. <area img src="mucha2.jpg" coords="135,10,135,95,222,95" href="strona2.html">
  5. <area img src="mucha3.jpg" coords="282,57,42," href="strona3.html">
  6. </map>


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

Ale wiem jak to zrobić inaczej haha.gif

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 smile.gif 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 smile.gif, ale znalazłem inny sposób biggrin.gif

  1. <div style=" position: absolute; left: 51px; width: 114px; top: 347px; text-align: center; height:343px">
  2.  
  3. <a href="index.html">
  4. <img border="0" src="images/stajnia.jpg" width="90" height="45"></a>
  5. <a href="index1.html">
  6. <img border="0" src="images/zamek.jpg" width="90" height="42"></a>
  7. <a href="index2.php">
  8. <img border="0" src="images/palac.jpg" width="90" height="42"></a>
  9. <a href="index3.html">
  10. <img border="0" src="images/port.jpg" width="90" height="42"></a>

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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.