Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] podswietlenia
Forum PHP.pl > Forum > Po stronie przeglądarki
jawka7
witam

mam taki kod:

Kod
<img src='maps/images_maps/maps.PNG' usemap='#maps' border='0'>


<map name='maps'>

<area shape='poly' coords='10,11,20,21,170,170,70,141' href='maps.php' class='forum'>

</map>


jak zrobic ze gdy najade na link area to cale to pole podswietli sie delikatnie na zielono? i wuswietli nad nim jakies info?
Sky_walker
Uuu... to nie ma tak prosto, z mapa prawie na pewno sie nie da tego zrobic.
Ja bym probowal CSS, pozycjonowanie relatywne, ujemne marginesy, zadana szerokosc i wysokosc, jako tlo zielony png z przezroczystoscia, przy akcji div:hover tekst (w <p style="display:none">) robi sie display:inline;
Zadziala, tylko IE bedzie mial problemy bo on wylapuje hover tylko dla znacznika <a>... to moze zamiast div'a wrzucic <a> z display:block;
bleah... tylko glosno mysle - w kazdym razie: bez kombinowania sie nie obejdzie. winksmiley.jpg

(ew. poproboj z JS i onmouseover - ale wtedy tez bez mapy)
revyag
Da się zrobić, ale z mapy musisz wyciąć każdy kawałek i pokolorować go. Potem to już zwykła podmiana obrazka na zdarzeniach mouseover i mouseout.
jawka7
sprawdzalem ujemne marginesy ale cos mi nie dziala
Sky_walker
To pokaż kod albo powiedz w czym problem smile.gif
niestety ale nie mamy dostępu do plików na Twoim dysku. winksmiley.jpg
Bartusek
Po zobaczeniu kodu wiedziałem że znam go ;]
Chodzi mu o coś takiego jak na tej stronie...
http://armia.toproste.pl/mapy/Ankaros.php
Do tej mapy sam skrypt JS ma 1500 linijek.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.