Forum PHP.pl > [PHP][HTML] Wyznaczanie hiperłacza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][HTML] Wyznaczanie hiperłacza

Forum PHP.pl > Forum > Przedszkole

Sebastian003

26.05.2009, 22:18:24

Witam

Mam takie pytanko

Czy posiadając jeden obrazek np. XYZ.jpg mozna w nim wyznaczyc miejsca kilku hiperłącz na tym obrazku - za pomoca jakiś współrzędnych czy cos takiego ? Bo nie chcem ciac grafiki. A coś podobnego widziałem gdzieś ale nie jestem pewnien jak tamto działało?

Pozdrawiam

pianta_d

26.05.2009, 22:25:54

http://www.kurshtml.boo.pl/html/odsylacz_o...,odsylacze.html

Poczytaj o "Rozszerzony odsyłacz obrazkowy (mapa odsyłaczy)"

Sebastian003

26.05.2009, 23:09:20

dzieki ale jakoś nie mogę sie połapać tymi parametrami.

np chcem zrobić 3 obszary i mam kod i obrazek

Co w stawić w coords zeby udało się bo jakoś nie wychodzi.

[HTML] pobierz, plaintext 
<div style="text-align: center;">
<img src="images/hhh.jpg" alt="Mapa odsyłaczy" usemap="#nazwa_mapy2" style="border: 0pt none ;">
<map id="nazwa_mapy2" name="nazwa_mapy2">
	<area shape="rect" coords="0, 0, 432, 87" href="do_podstrony,odsylacze.html" alt="Do podstrony">
	<area shape="rect" coords="0, 0, 432, 87" href="do_podstrony,odsylacze.html" alt="Do podstrony">
        <area shape="rect" coords="0, 0, 432, 87" href="do_podstrony,odsylacze.html" alt="Do podstrony">
</map>	
</div>
[HTML] pobierz, plaintext

pianta_d

26.05.2009, 23:25:09

Wszystko masz dokładnie opisane. Cytuje

Cytat

współrzędne

1. "xp,yp, xk,yk" - w przypadku prostokąta (rect):
* xp - współrzędna pozioma lewego-górnego wierzchołka prostokąta
* yp - współrzędna pionowa lewego-górnego wierzchołka
* xk - współrzędna pozioma prawego-dolnego wierzchołka prostokąta
* yk - współrzędna pionowa prawego-dolnego wierzchołka

A tak wygląda kod na stronie, którą wskazałem Ci wyżej z mapą odsyłaczy (czty. prostokątem, trójkątem i kołem)

Cytat

<p class="przyklad">Przykład:</p>
<div style="text-align: center;">
<img src="../pliki/odsylacz.gif" alt="Mapa odsyłaczy" usemap="#nazwa_mapy" style="border-style: solid; border-width: 2px;">
<map id="nazwa_mapy" name="nazwa_mapy">
<area shape="rect" coords="5,5, 56,65" href="do_podstrony,odsylacze.html" alt="Do podstrony">

<area shape="poly" coords="61,64, 106,4, 133,56" href="do_etykiety,odsylacze.html" alt="Do etykiety">
<area shape="circle" coords="166,35, 31" href="do_adresu_internetowego,odsylacze.html" alt="Do adresu internetowego">
</map>
</div>

czyli zamiast xp dajesz 5,5 i zamiast xk 330, 57

Powinno być dobrze, ale pokombinuj jeszcze

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.