[Html]Pytanie dotyczące obrazu


(Krzkaczor) #1

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

+

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


(Krzkaczor) #2

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


(mario@) #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]

(mario@) #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.


(Krzkaczor) #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).


(Mathew) #6

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

google!


(mario@) #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").


(_chris_) #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.


(mario@) #9