Avatar billede kiwankow Nybegynder
20. oktober 2009 - 16:26 Der er 6 kommentarer og
1 løsning

Hjælp til baggrundsscript

Hej Jeg har fundet dette script som gør det muligt at skifte baggrund på en side ved at klikke på nogle forskellige links.
Som scriptet virker nu har siden ingen baggrundsbillede før man klikker på et af linkene. Jeg kunne godt tænke mig at siden automatisk havde billede1 til baggrund indtil man valgte noget andet istedet for bare at vise en hvis side.

Er der nogen der kan hjælpe med dett..??

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head></head>
<body>

<script language="JavaScript">
<!--
var backImage = new Array(); // don't change this

backImage[0] = "1.jpg";
backImage[1] = "2.jpg";
backImage[2] = "3.jpg";
backImage[3] = "4.jpg";
backImage[4] = "5.jpg";

function changeBGImage(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
}
}

//-->
</script>

<u>Vælg baggrundsbillede herunder</u>
<a href="java script:changeBGImage(0)">billede1</a>
<a href="java script:changeBGImage(1)">billede2</a>
<a href="java script:changeBGImage(2)">billede3</a>
<a href="java script:changeBGImage(3)">billede4</a>
<a href="java script:changeBGImage(4)">billede5</a>
</body>
</html>

--------------------------------------------------
Avatar billede virtual1ty Nybegynder
20. oktober 2009 - 16:34 #1
<body background="billede1.jpg">
Avatar billede kiwankow Nybegynder
20. oktober 2009 - 16:56 #2
ja det er jeg klar over men så sker der bare ingen ting når du klikker på linkene eftersom baggrundsbilledet er hardcoded..!!
Avatar billede virtual1ty Nybegynder
20. oktober 2009 - 17:06 #3
Hvad så hvis du flytter hele scriptet op i din head-sektion, og gør således:

<body onload="changeBGImage(0)">
Avatar billede virtual1ty Nybegynder
20. oktober 2009 - 17:10 #4
Følgende kode virker fint her.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript">
<!--
var backImage = new Array(); // don't change this

backImage[0] = "1.jpg";
backImage[1] = "2.jpg";
backImage[2] = "3.jpg";
backImage[3] = "4.jpg";
backImage[4] = "5.jpg";

function changeBGImage(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
}
}

//-->
</script>
</head>
<body onload="changeBGImage(0)">

<u>Vælg baggrundsbillede herunder</u>
<a href="java script:changeBGImage(0)">billede1</a>
<a href="java script:changeBGImage(1)">billede2</a>
<a href="java script:changeBGImage(2)">billede3</a>
<a href="java script:changeBGImage(3)">billede4</a>
<a href="java script:changeBGImage(4)">billede5</a>

</body>
</html>
Avatar billede ebusiness Nybegynder
20. oktober 2009 - 22:38 #5
Første forslag er også helt fint. Det er ikke et style sheet det her, det er JavaScript som ændrer værdien i elementet, uanset om den var sat i forvejen.
Avatar billede kiwankow Nybegynder
21. oktober 2009 - 09:33 #6
Super nu virker det. tak for hjælpen. husk at smide et svar.
Avatar billede virtual1ty Nybegynder
21. oktober 2009 - 09:38 #7
Værsgo
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