Kære gæst, velkommen til Tweak.dk. Hvis dette er dit første besøg her, bør du læse Hjælp. Her forklares i detaljer hvordan denne side fungerer. For at benytte alle funktionerne på denne side, bør du overveje at lade dig registrere. Benyt venligst registreringsformularen for at registrere her eller læs yderligere information om registreringsprocessen. Hvis du allerede er registreret, så log på her.

1

mandag, 20. april 2009, 13:07


Jeg sider og leger lidt med en privat hjemmeside som kan ses her. http://www.Stevenm.dk/

Der er dog 1 ting, som driller mig.

Når man trækker musen over selve de 3 links i venstre side, ændre billedet til højre for dem sig.
Men jeg kan altså ikke få dette image skift til at ske når man trækker musen over selve feltet istedet.

- Har I et forslag til hvordan jeg gør dette?

Som I kan se på koden herunder foregår det hele på default.html siden. Jeg ved ikke hvordan jeg udføre samme handling i css koden.


-----------=[ JAVE koden jeg benytter nu ]=------------

<SCRIPT LANGUAGE="JAVASCRIPT">
if (document.images)
{
image1 = new Image
image2 = new Image
image3 = new Image

image1.src = "images/pic1.bmp"
image2.src = "images/pic2.bmp"
image3.src = "images/pic3.bmp"
}

<div id="header">
<h1><b href="somewhere.html" onMouseover="document.imagename.src=image1.src">Velkommen</b></h1>
<h2><b href="somewhere.html" onMouseover="document.imagename.src=image2.src">Om siden</b></h2>
<h3><b href="somewhere.html" onMouseover="document.imagename.src=image3.src">God fornøjelse</b></h3>

<img src="images/pic1.bmp" style="position:relative; top: 67px; left:305px;" name="imagename" border="0">
</div>

-------------------------------------------------------------

Her har i et udpluk af CSS koden som gør at baggrunds farven på de 3 knapper ændre sig når musen trækkes over disse. Muligt at lave noget css kode som styre det image skift som bliver udført af jave koden oven over i øjeblikket?

--------------------=[ CSS kode ]=----------------------

#header h1 {
position: absolute;
top: 140px;
float: left;
width: 179px;
height: 60px;
padding: 13px 100px 0 20px;
background-color: #324f61;
border: #565c5f solid thin;
font-size: 20px;
}
#header h1:hover {
background-color: #91b3c9;
}

#header h2 {
position: absolute;
top: 220px;
float: left;
width: 179px;
height: 60px;
padding: 13px 100px 0 20px;
background-color: #324f61;
border: #565c5f solid thin;
font-size: 20px;
}
#header h2:hover {
background-color: #91b3c9;
}

#header h3 {
position: absolute;
top: 300px;
float: left;
width: 179px;
height: 60px;
padding: 13px 100px 0 20px;
background-color: #324f61;
border: #565c5f solid thin;
font-size: 20px;
}
#header h3:hover {
background-color: #91b3c9;
}

-------------------------------------------------------

Håber det giver mening :)


2

onsdag, 22. april 2009, 17:35


Smid den onmouseover på dine <h1> tags i stedet for <b>

... og se så at få de bmp'er lavet om til jpg eller png!!! Bmp har intet at gøre i sådan et layout !


3

fredag, 24. april 2009, 12:30


Citeret

Oprindeligt indlæg af hoerup
Smid den onmouseover på dine <h1> tags i stedet for <b>

... og se så at få de bmp'er lavet om til jpg eller png!!! Bmp har intet at gøre i sådan et layout !


Fik det til at virke :)

Og ja billeder komprimere jeg til rette format når layoutet er ordnet.


Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.