Avatar billede monkeysee Nybegynder
02. marts 1999 - 00:00 Der er 6 kommentarer og
1 løsning

Links i menuer med transparente GIF

Hvordan kan man lave en menu med billeder, der er transparente (dvs. med 'ujævne' kanter) og skifter udseende ved en Mouse Rollover?

Jeg har forsøgt 2 metoder:
1: at skjule/vise billederne som lag ved hjælp af DIV tags
2: at udskifte billederne ved en 'OnMouseOver' event.

I begge tilfælde nægter browseren at aktivere det hyperlink som jeg associerer med hvert enkelt billede. Det virker som om billedet 'blokerer' for hyperlinket.

Help, anyone?
Avatar billede fcs Novice
02. marts 1999 - 10:09 #1
Jeg gjorde sådan her:

<A HREF="side.htm" TARGET="ramme"
onMouseOver=(document.to.src='picalt.gif')
onMouseOut=(document.to.src='pic.gif')>
<IMG name = "to" SRC="pic.gif" BORDER="0" WIDTH="125" HEIGHT="32" ALIGN="BOTTOM"></A>

De ting du skal ændre er:

side.htm = adressen på den side du henviser til

ramme = den ramme du vil have at side.htm vises i hvis du bruger frames

picalt.gif er det billede du vil vise når musen er over billedet

pic.gif er det billede du vil vise når musen ikke er på billedet

document.to.src skal ikke ændres!!!

Prøv og se om det virker!!

FCS
Avatar billede jumper Nybegynder
03. marts 1999 - 08:39 #2
Hvis monkeyseee gav os et link til den side det handler om, ville det være nemmere at give ham en relevant besvarelse.
Så kunne koden nemlig tilrettes, så den passer ind til hans side.

/Thor
Avatar billede fcs Novice
03. marts 1999 - 09:12 #3
Du har så ganske ret min gode mand, men vi må jo gøre hvad vi kan for at hjælpe stakkelen!
Avatar billede monkeysee Nybegynder
04. marts 1999 - 11:48 #4
Æhemm...Undskyld FCS. STOR forglemmelse (Det er hvad der sker når man koder klokken 3 om natten). Ser I, jeg prøvede at lave en frame med links der var transparente Gif's ovenpå et billede med et 'Map'...Derfor kunne FCS's metode ikke bruges, så vidt jeg kan se, da den ikke er baseret på et . Jeg prøver at uploade menu'en senere i dag, så i kan se hvad jeg mener;-)
Avatar billede jumper Nybegynder
04. marts 1999 - 13:01 #5
Det lyder som om du bruger layers til at placere dine billeder ovenpå dit imagemap (<div>, <layer>, <ilayer> ?)

Så bliver koden lidt længere, især hvis du vil have at det skal virke i både Netscape og IE.

Smid en adresse i hovedet på os, så skal jeg nok skrive ngoet kode der virker :)

/Thor
Avatar billede dcasso Nybegynder
06. april 1999 - 10:28 #6
Hvis du vil, kan du sende den til mig på dcasso@usa.net, og så skal jeg se hvad jeg kan gøre.
Avatar billede monkeysee Nybegynder
07. april 1999 - 02:02 #7
HEJ! Nu har jeg lavet 2 eksempler, som burde illustrere mit problem (ja, der er gået et stykke tid siden jeg skrev sidst).
Det første gør brug af document.to.src princippet, medens det andet bruger javascript. I begge tilfælde benytter jeg stylesheets til at placere billederne.

Prøv at tjekke dem ud på adressen:
http://home6.inet.tele.dk/iriswork/menu_test/
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester