Obrazek z wieloma kliknięciami?

[Miziulka]

Witam, 

Chciałam zrobić jeden obrazek i żeby można było klikać w różnych jego obszarach i udawać się pod różne linki.

Na przykład obrazek psa i kliknięcie w głowę zabiera w jedno miejsce a kliknięcie w ogonek w inne:) Nie wiem, jak się zabrać za to:( 

Obrazek ten miałby być na blogu.

Czy mógłby mi ktoś z Was łopatologicznie wyjaśnić, jak zrobić te obszary do klikania? Czy jest jakiś prosty program do tego? Błagam o pomoc.

Chciałam wyszukać w Google, ale nawet nie wiem, jakie wpisać hasło do wyszukiwarki. Mam nadzieję, że wyjaśniłam dokładnie, o co mi chodzi:) 

 

Pozdrawiam:)

[leggo]

Powinnaś użyć [b]image-map[/b].

Wygląda to mniej-więcej tak:

<img src="pies.png" alt="pies" usemap="#mapa" />
<map name="mapa">
   <area shape="rect" coords="0,0,82,126" href="a.html" alt="a" />
   <area shape="circle" coords="90,58,3" href="b.html" alt="b" />
</map>

[b]area[/b] wyznacza pojedynczy obszar, w którym można kliknąć. We właściwości [b]shape[/b] określasz kształt tego obszaru, a w [b]coords[/b] jego położenie. Właściwość [b]href[/b] zawiera adres strony, która ma zostać wczytana po kliknięciu na danym obszarze.

[Pluto]

Zawsze możesz też pociąć obrazek na kilka mniejszych, umieścic koło siebie i podlinkować kazdy osobno.

[leggo]

Pluto, takie rozwiązanie byłoby zdecydowanie mniej wygodne (o przejrzystości kodu nie wspominając). Szczególnie gdy, tak jak tutaj, pola z odnośnikami miałby mieć bardziej skomplikowane kształty.

Próbując to zrobić w taki sposób, mógłbyś napotkać problemy przy układaniu tych obrazków tak, by wyświetlały się poprawnie niezależnie od przeglądarki i rozdzielczości.

 

Poza tym, po co kombinować, jeśli istnieje lepsze i prostsze rozwiązanie w standardzie języka.

[Pluto]

Ja nigdzie tam nie napisałem, że jest to wygodniejsze :) Po prostu dałem luźną propozycję, że jest taka możliwość.