[Html]Pytanie dotyczące obrazu

Dla specjalistów Webmastering
#1

http://www.google.com/search?hl=pl&clie … er&spell=1

http://www.google.pl/search?hl=pl&q=htm … Szukaj&lr=

#2

tak to współrzędne kwadratu i chyba tak w pikselach :wink:

#3

To się nazywa mapa odsyłaczy http://www.webinside.pl/html/tutoriale/75

Tutaj potrzebny będzie JS. Gdy przeczytasz o mapach do każdego obszaru mapy podepnij coś takiego

="txt_pod('napis_do_wyswietlenia');" onmouseout="txt_pod('');" [/code]

i następnie do strony dodajesz


[code=php]script type="text/javascript"function txt_pod(txt)//tekst pod grafika{ document.getElementById('opis').innerHTML = txt;

i tam gdzie ma się pojawić tekst



div id="opis"div [/code]
#4

Przy których wyświetli się różny tekst ? Na to odpowiedź dostałeś w 2 linku od SyntaxError a w 1 moim -> mapy odsyłaczy. Do każdego tagu (mapa odsyłaczy) dodajesz to onmouseover="" onmouseout="" (pierwsze pole z kodem - mój poprzedni post) i ustawiasz sobie dowolne napisy dla poszczególnych obszarów i w zależności na który obszar najedziesz (w ramach jednej grafiki) taki tekst się pojawi.

#5

No a w ogóle możesz tą grafikę pociąć i mieć łatwiejszy dostęp do danych (nie musisz korzystać z mapy odsyłaczy).

#6

możesz pociąć obraz, ustawić go w tabeli i potem do odpowiednie elementy podlinkować + js

google!

#7

Powinno być bez różnicy gdzie to wstawisz (head czy body).

Możesz te odstępy zniwelować za pomocą css (gdy obrazy są w tabeli jak i “luzem”).

#8

@ matsta19

aby nie mieć odstępów pomiędzy komórkami tabeli najprościej można zrobić tak:

lub rozwiązanie na css:

i css do tej tabeli:

#tabelka_1 { border-collapse: collapse;}

#tabelka_1 td {border:0px; padding:0px;}

i po kłopocie - w każdej komórce obrazek jako background plus js z postu wyżej do podmiany textu.

#9