/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Knapper...
Fra : Michael Rosendahl An~


Dato : 01-02-03 21:03

Hvordan laver man en knap som ændrer udseende når man holder musen henover
knappen? Altså to forskellige billeder, hvor det ene bliver vist når musen
ikke holdes over og et andet når musen holdes over...

Bliver begge billeder loadet når siden åbnes, eller bliver det sidste
billede først loadet når man holder musen over den?



 
 
Rasmus Kjær (01-02-2003)
Kommentar
Fra : Rasmus Kjær


Dato : 01-02-03 21:20

Du kan lave et link, hvor billedet skiftes ud sådan her:

<a href="side.html"
OnMouseOver="document.ommig.src='images/billede2.gif';"
OnMouseOut="document.ommig.src='images/billede1.gif';">
<img name="ommig" title="tekst" border="0" src="images/billede1.gif"></a>

Hvis billede2 skal loades inden det vises (kan anbefales), så har du
yderligere brug for et preload script.

Med venlig hilsen
Rasmus Kjær

--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

Lasse Reichstein Nie~ (01-02-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 01-02-03 21:39

"Michael Rosendahl Andreassen" <currant@mail.dk> writes:

> Hvordan laver man en knap som ændrer udseende når man holder musen henover
> knappen? Altså to forskellige billeder, hvor det ene bliver vist når musen
> ikke holdes over og et andet når musen holdes over...

<button
onmouseover="document.images['foo'].src='pic2.png'"
onmouseout="document.images['foo'].src='pic1.png'"
onclick="alert('You *clicked* me?!?')">
<img id="foo" src="pic1.png">
</button>

Du vil måske også sætte width, height og border-width på knappen.

> Bliver begge billeder loadet når siden åbnes, eller bliver det sidste
> billede først loadet når man holder musen over den?

Det blier først loadet når det skal bruges.

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

Knud Gert Ellentoft (01-02-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 01-02-03 23:03

"Michael Rosendahl Andreassen" <currant@mail.dk> skrev :

>Hvordan laver man en knap som ændrer udseende når man holder musen henover
>knappen? Altså to forskellige billeder, hvor det ene bliver vist når musen
>ikke holdes over og et andet når musen holdes over...

En med preload

<html>
<head>
<script type="text/javascript">
var mit_billede1 = new Image();
mit_billede1.src = "2.jpg";
</script>
</head><body>
<a href="#"
onMouseOver="document.mit_billede1.src='2.jpg';"
onMouseOut="document.mit_billede1.src='1.jpg';">
<img src="1.jpg" name="mit_billede1" border="0"
width="100" height="100" alt="Linktekst"></a>
</body></html>

Hvis der skal være flere på siden, så skal det næste hedde
mit_billede2 osv.

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408868
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste