04-10-2011, 19:12
Część pracy masz za sobą.
Teraz robisz taki kod:
<ul>
<li class="nazwa_wojewodztwa" map="....">Nazwa wojewodztwa</li>
...
...
</ul>
Każdemu LI dajesz position:absolute; odpowiednie widh, height, left i top. Dajesz im też odpowiednie przesunięcie tła (uejmne) którym jest mapa spritów przedstawiająca poszczególne województwa. Potem każdemu LI dla hover albo zmieniasz pozycję backgrounda, albo zmieniasz obrazek (lepsze to pierwsze).
Czyli obrazek spritów powinien wyglądać mniej więcej tak:
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
Jak najezdzasz na wojewodztwo po prostu zmieniasz pozycję x backgrounu na bardziej ujemną ;]
Możesz też zawsze skorzystać z gotowych rozwiazań:
http://winstonwolf.pl/clickable-maps/polska.html
Teraz robisz taki kod:
<ul>
<li class="nazwa_wojewodztwa" map="....">Nazwa wojewodztwa</li>
...
...
</ul>
Każdemu LI dajesz position:absolute; odpowiednie widh, height, left i top. Dajesz im też odpowiednie przesunięcie tła (uejmne) którym jest mapa spritów przedstawiająca poszczególne województwa. Potem każdemu LI dla hover albo zmieniasz pozycję backgrounda, albo zmieniasz obrazek (lepsze to pierwsze).
Czyli obrazek spritów powinien wyglądać mniej więcej tak:
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
[kontur wojewodztwa] [kontur wojewodztwa po najechaniu]
Jak najezdzasz na wojewodztwo po prostu zmieniasz pozycję x backgrounu na bardziej ujemną ;]
Możesz też zawsze skorzystać z gotowych rozwiazań:
http://winstonwolf.pl/clickable-maps/polska.html