Avatar billede janvogt Praktikant
22. marts 2002 - 15:18 Der er 3 kommentarer og
2 løsninger

Menu-knapper

Jeg har en menu, som er defineret som ét billede.
Jeg ville gerne, at der skulle komme en anden farve tekst på når jeg fører musen henover.

Så vidt jeg kan regne ud, bliver jeg nødt til at dele menubilledet op i flere billeder - en for hver knap, og så indsætte et nyt billede (med ændringer), når musen føres hen over hvert enkelt billede.

Er der nogen der kan lære mig teknikken - evt. illustreret med et eksempel med et enkelt billede.
Jeg har set forskellige sider, som gør brug af teknikken, men den er meget komplieret at følge.

Det må gerne blive skåret helt ud i pap, for jeg er helt grøn.
Avatar billede 0ffline Nybegynder
22. marts 2002 - 15:30 #1
Den nemme måder er at downloade Ulead SmartSaver Pro. Det kan gøres lige her ---> http://download.cnet.com/downloads/1,10150,0-10000-103-0-1-7,00.html?tag=srch&qt=Ulead+smartsaver+pro&cn=&ca=10000
Dette program kan du bruge til at 'åbne' dit menu billede, og derefter bruge værktøjet 'slice' til at dele dit billede op i mindre bidder. Herefter kan du save den som html, og så har den også lavet html dokumentet, som det skal/kan se ud.

/0ffline
Avatar billede jakoba Nybegynder
22. marts 2002 - 15:35 #2
i html laver du et billede som:

<img name="olsen" src="filnavn.gif">

siden billedet nu har et navn kan du så addressere det med java script:

<script type='text/javascript'>

alert( document.images['olsen'].src );

</script>

Hvis du sætter det script ind bagefter billedet i din fil skulle der gerne komme en besked med hele billedets adresse næst gang du henter den side (klik fx refresh).

og det kan vi bruge til noget. vi kan nemlig ikke bare læse hvad der står. vi kan også skrive et helt andet filnavn der og på den måde få html til at hent og vise et andet billede på det sted i siden.

<a href="hvorhen.html"
  onmouseover="document.images['olsen'].src='andetbillede.gif';"
  onmouseout="document.images['olsen'].src='filnavn.gif';">tekst</a>

Og det er faktisk det hele. når musen kommer over det link skifter billedet til 'andetbillede.gif'  når du fjerner musen igen skifter den tilbage til billedet 'filnavn.gif'

PS: 100p er alt for meget. svar selv og behold de 85.

mvh JakobA
Avatar billede janvogt Praktikant
22. marts 2002 - 15:47 #3
De mange point fordi det virker som en hel håbløs opgave for mig :-)
Jeg prøver at gennemgå links/svar for at se, om jeg kan få det lært.

>jakoba Har du evt. mulighed for at designe et lille eksempel, så jeg kan se det i praksis hvor koden skal placeres (HEAD, BODY etc.)
Avatar billede janvogt Praktikant
24. marts 2002 - 12:55 #4
Tak for jeres svar. Det var virkelig noget jeg kunne bruge i mine bestræbelser på at lære HTML :-)
Avatar billede jakoba Nybegynder
24. marts 2002 - 16:55 #5
Beklager den sene respons, det der automatiske e-mail notifikation skal man ikke stole for meget på.

Allenfals her er en lille demoside om mouseover:
http://www.jakoba.dk/eksperten/exp188575.html

tak for points.
mvh JakobA
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