Søg
Avatar billede weta Juniormester
09. marts 2013 - 19:48 Der er 5 kommentarer og
1 løsning

Bacggrundbillede skifter i forhold til dag

Nogen der har en kode der kan skifte baggrundsbillede på en hjemmeside.
Min udfordring er at billedet skal vælges i forhold til dagen. Altså noget med:
mandag:  billede1.jpg
tirsdag: billede2.jpg
osv....
Avatar billede olebole Juniormester
09. marts 2013 - 20:00 #1
<ole>

Det kunne være noget i stil med:

<img id="dayPic" src="" alt="Dagens billede">

<script type="text/javascript">
// Kald billederne, hvad du vil.
// Kun rækkefølgen er afgørende
var aPics = [
    "soen.png",
    "man.png",
    "tir.png",
    "ons.png",
    "tor.png",
    "fre.png",
    "loer.png"
];
var oDate = new Date(),
src = aPics[oDate.getDay()];
document.getElementById("dayPic").setAttribute("src", src);
</script>

/mvh
</bole>
Avatar billede weta Juniormester
09. marts 2013 - 20:23 #2
Tusinde tak bole.
Scriptet virker fint, men ved du hvordan jeg får det ind i:
<body background
Mvh.
Weta
Avatar billede olebole Juniormester
09. marts 2013 - 20:33 #3
Det kan du løse sådan:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
// Kald billederne, hvad du vil.
// Kun rækkefølgen er afgørende
var aPics = [
    "soen.png",
    "man.png",
    "tir.png",
    "ons.png",
    "tor.png",
    "fre.png",
    "loer.png"
];
function setBack() {
    var oDate = new Date(),
    src = aPics[oDate.getDay()];
    document.body.style.backgroundImage = "url(" + src + ")";
}
</script>
</head>
<body>
<script type="text/javascript">setBack()</script>

<p>Indhold</p>

</body>
</html>
Avatar billede weta Juniormester
09. marts 2013 - 21:00 #4
Perfekt.
Jeg takker mange gange!!!
Avatar billede olebole Juniormester
09. marts 2013 - 21:15 #5
Selvtak. Jeg samler ikke point, så du lægger bare selv et svar og accepterer det efterfølgende, så tråden lukkes  =)
Avatar billede weta Juniormester
09. marts 2013 - 21:17 #6
Lukket
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:31 Google fake Af johp i Andet sikkerhed
26/1020:15 Mesenger - Gendan chathistorik Af 1Dorte i Apps til Android
26/1017:02 lukkede cookies i microsoft edge Af ole falsted i Browsere
26/1014:02 Tage et billede om dagen iPhone 7 Af chiefbigchief i Mobiltelefoner
26/1013:49 Mp3 afspiller med phono stik og display Af cht22 i Andet hardware
White papers
Flere white papers »