X And Y Na Obrazku

[maczuga]

Nie wiedziałem gdzie tu umieścić na forach webmasterskich nic nie ma, a wiem raczej na 100% że to forum będzie wiedziało

 

 

Witam, mam założmy sobie obrazek:

 

 

 

Jest duży obrazek i jest na nim napis: Kontakty.

 

I teraz mam pytanko, jak wyznaczyć cordinates aby dało się kliknąć tylko na ten napis Kontakty i by przenosiło gdzieś tam, a nie że na cały obrazek się klika. Czy ktoś się orientuje w tym? Bardzo bym prosil o odp

 

Bo jak zrobie:

<a href="link"><img src="kontakty.jpg"></a>

to wtedy będzie mi klikało na cały obraz

 

Pozdrawiam

 

 

 

edit:

Na pewnym szablonie była grafika np. Forum i dało się kliknąć tylko na ten napis Forum nie na cały obrazek chociaż to było połaczone a kod szablonu był taki:

 

<map name="top">

<!-- moja strona -->

<area href="link" shape="rect" coords="32,272,107,289" alt="">

<!-- moje aukcje -->

<area href="link" coords="141,270,284,289" alt="">

<!-- moje komentarze -->

<area href="link" shape="rect" coords="320,271,512,289" alt="">

<!-- dodaj do ulubionych -->

<area href="#" shape="rect" coords="553,271,720,289" alt="">

<!-- wyslij e-mail -->

<area href="link" shape="rect" coords="756,271,921,289" alt="">

</map>

 

i chodzi tu o te coords=""

 

jak je wyznaczyć

[RobeM]

coords

Atrybut definiuje współrzędne regionu aktywnego na mapie odsyłaczy.

 

Wartości atrybutu:

 

• współrzędne punktów

w zależności od atrybutu shape opisującego kształt, może przyjmować różne wartości.

- dla shape=rect (prostokąt):

coords="lewy-X,górny-Y,prawy-X,dolny-Y"

- dla shape=circle (okrąg):

coords="centralny-X,centralny-Y,promień"

- dla shape=poly (wielokąt):

coords="x1,y1,x2,y2,...,xN,yN"

 

czyli rysujesz jakby prostokąt w obszarze który chcesz kliknąć i opisujesz jego położenie w układzie , początkiem układu współrzędnych masz lewy górny róg 0,0

[maczuga]

@up

Dzięki ale coś mi nie idzie.

 

 

Mam prostokąt a dokładnie takie coś:

 

 

Czyli kod dla niego to będzie:

 

<area href="main.php" shape="rect" coords="lewy-X,górny-Y,prawy-X,dolny-Y" alt="Strona Główna">

 

 

Tylko, że nie idzie mi z wyznaczeniem tych cordów ...

Mógłbyś opisać ten jeden dla mnie?

 

 

Pozdrawiam

[iamiam]

<area href="main.php" shape="rect" coords="0,10,116,26" alt="Strona Główna">

?

[maczuga]

Niestety nie działa.

 

Wkleiłem to do kodu php i nie trybi. Nie da się wogóle kliknąć w żadno miejsce na buttonie.

 

 

echo '<area href="main.php" shape="rect" coords="0,10,116,26" alt="Strona Główna"><img src=\'images/glowna.jpg\' alt=\'Strona Główna\' /></a>';

[iamiam]

echo '<img src="images/glowna.jpg" alt="Strona Główna" usemap="#mapa">';

echo '<map id="mapa" name="mapa">';

echo '<area href="main.php" shape="rect" coords="0,10,116,26" alt="Strona Główna">';

echo '</map>';

[Groszex]

w gimpie dajesz filtry > storny www > mapowanie i tam elegancko to zrobisz

[maczuga]

Dziękuje bardzo działa, każdemu daje po 5

 

 

Pozdrawiam

 

 

Edit ////

 

 

Więc tak pojawił się kolejny problem, więc mam plik i to jest Menu. Pododawalem kolejno obrazki i odnosniki do tych i wyznaczalem cordy. 1 to byla strona głowna wkleiłem Twój kod, pod tym był salon samochodowy, wkleiłem twój kod następnie zedytowałem adres obrazka, odnośnik oraz zrobiłem sobie cordy w Gimpie i wpisałem je.

 

Część mojego kodU:

echo '<img src="images/glowna.jpg" alt="Strona Główna" usemap="#mapa">';

echo '<map id="mapa" name="mapa">';

echo '<area href="main.php" shape="rect" coords="0,10,116,26" alt="Strona Główna">';

echo '</map>';

echo '<img src="images/salon_samochodowy.jpg" alt="Salon Samochodowy" usemap="#mapa">';

echo '<map id="mapa" name="mapa">';

echo '<area href="salon_samochodowy.php" shape="rect" coords="3,8,153,26" alt="Salon samochodowy">';

echo '</map>';

 

I tak 1 odnośnik strona głowna jest ok, Idealnie pole wyznaczone, przenosi na strone głowna.

 

Z kolei gdy klikne na Salon Samochodowy, to jest wyznaczony ten sam teren co dla Strony Głównej (chociaż widać cordy są zmienione).

oraz adres tego też jest main.php chociaż widać że jest wpisane salon_samochodowy.php.

 

 

Ktoś wie co z tym zrobić?> Próbowałem na różne sposoby i jakoś nie idzie.

 

 

Pozdrawiam

[iamiam]

echo '<img src="images/glowna.jpg" alt="Strona Główna" usemap="#mapa">';

echo '<map id="mapa" name="mapa">';

echo '<area href="main.php" shape="rect" coords="0,10,116,26" alt="Strona Główna">';

echo '</map>';

echo '<img src="images/salon_samochodowy.jpg" alt="Salon Samochodowy" usemap="#mapa2">';

echo '<map id="mapa2" name="mapa2">';

echo '<area href="salon_samochodowy.php" shape="rect" coords="3,8,153,26" alt="Salon samochodowy">';

echo '</map>';