Mapa odsyłaczy

autor: Jarosław Pieczonka, ostatnia modyfikacja: 2007-02-22

szukaj: mapowanie grafiki mapa odsyłaczy

Mapowanie odsyłaczy jest swoistym tworzeniem odnośnika z wybranego obszaru grafiki. Niezwykle przydatna rzecz przy tworzeniu np. topu gdzie możemy zrobić odnośnik tylko z loga, bez cięcia grafiki.

Podobne efekty lecz bardziej rozbudowane możliwe są za pomocą technologi flash. My jednak skupmy się na standardowym HTML-u. Standardowe mapowanie wygląda następująco:

<img src="grafika.gif" usemap="#mapa" />

<map name="mapa">
<area shape="rect" coords="1, 1, 50, 50" href="gdziestam.html">
</map>

Słowem wyjaśnienia

usemap - jest to informacja dla przeglądarki o tym iż dana grafika jest mapowana, dodatkowo zawiera parametr niczym styl css, który informuje o kształcie i jego rozmiarach ale szczegółowo o tym za chwilę. W 'href' dajemy adres pliku, który będzie wywołany po kliknięciu na odnośnik.

shape - określa kształt mapy odnośnika. Parametry to:

• rect: czyli prostokąt
• circle: jest to okrąg
• poly: wielokąt
• default: obszarem odnośnika będzie cała grafika

coords - atrybut określa współrzędne aktywnego odnośnika.

• rect: przyjmuje cztery wartości coords="od lewej, od góry, szerokość, wysokość"
• circle: przyjmuje trzy wartości coords="od lewej, od góry, promień okręgu"
• poly: wartości podane będą wierzchołkami wielokąt, czyli jego współrzędnymi np.:

<area shape="poly" coords="10, 21, 55, 25, 60, 29, 100, 200" href="gdziestam.html">

Dla efektu można dodać jeszcze atrybuty zdarzeń typu onclick, onmousedown itp.

Jarosław Pieczonka

szukaj: mapowanie grafiki mapa odsyłaczy

Osoby czytające tę publikację przeglądały również:

• Dynamiczne i statyczne importowanie plików do Flasha
• Odpowiedni format daty
• Baza danych oparta na plikach
• Obsługa bazy MySQL za pomocą modułu mysqli
• Pseudoadresy URL
• Panel sterowania filmem
• Ustalanie kodowania połączenia z bazą danych MySQL
• Tworzenie automatycznej animacji motion tween