mapy odsyłaczy i efekt onmouseover / onmouseout

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
cachaito
Posty: 12
Rejestracja: śr kwie 02, 2008 7:27 pm

mapy odsyłaczy i efekt onmouseover / onmouseout

Post autor: cachaito »

Witam serdecznie! Mam wielki problem, który mi nie daje spokoju. Chciałbym zrobić menu oparte na rysunku szafy (menu.jpg) z dwoma szufladami. Obrazek szafy zmapowany jest miejscach tych szuflad. Gdy ktoś klika na pierwszą szufladę, wczytuje się w miejscu menu.jpg, menu.galeria.jpg. Przy pierwszej podmianie to działa. Ale gdy klikam na drugą szufladę zmapowaną jako porady, obrazek już się nie podmienia. Chodzi, żeby całe obrazki były podmieniane. Co zrobiłem źle?
Oto kod:

[xml]<img src="menu.jpg" border="0" alt="Menu" title="Menu" name="galeria" name="porady" usemap="#menu">

<map name="menu">
<area shape="rect" coords="30,184,216,242" href="galeria" target="galeria.html" alt="Galeria" title="Galeria"
onmouseover="document.galeria.src='menu_galeria.jpg'"
onmouseout="document.galeria.src='menu.jpg'">
<area shape="rect" coords="30,271,216,352" href="porady" target="porady.html" alt="Porady" title="Porady"
onmouseover="document.porady.src='menu_porady.jpg'"
onmouseout="document.porady.src='menu.jpg'">
</map>
[/xml]
Dziękuje z wszelką pomoc!

Pozdrawiam.

Bartek.
MobyDick
Nowy
Nowy
Posty: 55
Rejestracja: czw sty 24, 2008 7:49 pm
Lokalizacja: Jarocin
Kontakt:

Re: mapy odsyłaczy i efekt onmouseover / onmouseout

Post autor: MobyDick »

Kombinując z CSS dałoby sie cos takiego zrobić, ale to nie byłaby juz typowa mapa tylko obrazek pocięty na prostokąty i umieszczony w sąsiadujących ze sobą elementach blokowych. Mam na stronie nad ktorą pracuje w taki sposób właśnie zrobione menu, jak znajdę więcej czasu to wkleję przykładowy kod.
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: mapy odsyłaczy i efekt onmouseover / onmouseout

Post autor: ooo_michal »

Znacznik <img /> może przyjąc tylko jednen atrybut name. Wyrzuc name="porady", zamień document.porady.src na document.galeria.src i napisz czy pomogło.
cachaito
Posty: 12
Rejestracja: śr kwie 02, 2008 7:27 pm

Re: mapy odsyłaczy i efekt onmouseover / onmouseout

Post autor: cachaito »

Witam!

Dziękuje wszystkim za pomoc. Skorzystałem ze sposobu na stronie: http://www.tankedup-imaging.com/css_dev/rollover.html , po naciśnięciu na mapę Izraela, widać, że można wykonać to co wydawało się niemożliwe :)
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: mapy odsyłaczy i efekt onmouseover / onmouseout

Post autor: ooo_michal »

No, to mi się podoba. Lubię ludzi, którzy szukają, próbują rozwiązać problem a nie czkać na forum na gotowe rozwiązanie. Fakt, tu znalazłeś gotowca ale plus dla Ciebi za samo to, że go szukałeś.
ODPOWIEDZ