Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Graficzna mapa strony
Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam
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ę



p
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 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 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 winksmiley.jpg
foxbond
Dzięki za odpowiedź, w szczególności przydadzą mi się linki 3 i 4.
Ostatni link - bardzo ciekawe w szczególności ten przykład.
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-2024 Invision Power Services, Inc.