Graficzna mapa strony Opcje

[foxbond]

Chciałbym zrobić graficzną mapę strony.
Tzn. mapę na której byłyby lokacje z mojej gry

Przykład: (pochodzi z menelgame i jest we flashu, a ja wolałbym takie coś w html+css)
Screen

Edit: Może być też w innej technologii jak coś. Znalazłem jeszcze takie coś jednak to wyższa szkoła jazdy, takiego PRO rozwiązania nie potrzebuję
(IMG:http://img58.imageshack.us/img58/7438/imageomaticqx5.jpg)


p

Ten post edytował foxbond 20.04.2010, 13:58:02

[zegarek84]

najprościej olinkować obrazek możesz przez znacznik map i znaczniki area, jednak jeśli chciałbyś podmieniać obrazki musiałbyś to oskryptować javascript (plus tutaj by był taki, iż dokładnie po krawędzi danego obrazka możesz obrysować linię linku, zaś minus, że nie będzie działało bez wyłączonego javascript)
http://www.kurshtml.boo.pl/html/odsylacz_o...,odsylacze.html - poczytaj tam niżej o tych znacznikach...

idąc jednak dalej i pozostawiając to w najprostszej postaci podmiana obrazków wyglądała by przez wypozycjonowanie drugiego na tej mapce ze zmienionymi kolorami/kształtami... więc to co dam dalej bez javascript co można zrobić też poczytaj (IMG:style_emoticons/default/winksmiley.jpg) [niestety 2 pierwsze linki po angielsku ;/ - ale masz przykłady]
CSS Image Maps
Night of the Image Map

tutaj daję już polski link z wykorzystaniem jQuery ze znacznikami map i area (można samym javascript):
http://blog.desmart.com/2008/11/19/mapy-odsylaczy-a-mapy/

jak to przejrzysz i zrozumiesz to będziesz pozycjonował obrazki i linki jak tylko chcesz (IMG:style_emoticons/default/winksmiley.jpg) ...

jeszcze tylko napomnę o jednej technologi czyli SVG (jednak raczej Cię nie zainteresuje) i VML - jest w sieci skrypt który rysuje w zależności czy to normalna przeglądarka czy IE - nie musisz z tego korzystać jednak na link warto luknąć:
http://raphaeljs.com/ - luknij niżej w przykłady (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował zegarek84 20.04.2010, 15:00:43