Avatar billede spacemorten Nybegynder
16. januar 2005 - 13:59 Der er 6 kommentarer og
1 løsning

Random baggrundsbillede

Jeg har et simpelt problem som jeg ikke lige umiddelbart kunne finde en løsning på ved en søgning her. Jeg har 5 forskellige baggrundsbilleder til min navigationsmenu, som siden gerne måtte skifte mellem hver gang den reloader. Jeg har ikke mulighed for at bruge php eller asp, men der findes sikkert alternativer. Nogle forslag?

Jeg ville også gerne vide om man kunne gøre det sådan at baggrundsbilledet skifter hver 24'ende time? Sådan så mandag er det "billede1.jpg", tirsdag "billede2.jpg" osv...

På forhånd tak. Jeg deler bare points'ne på svrene til de 2 spørgsmål.
Avatar billede roenving Novice
16. januar 2005 - 14:08 #1
<script type="text/javascript">
var billeder = ['billede0.jpg','billede1.jpg','billede2.jpg','billede3.jpg','billede4.jpg','billede5.jpg','billede6.jpg'];

//billede0 om søndagen, billede1 om mandagen osv.
function visBaggrund(){
  document.body.style.backgroundImage = "url(" + billeder[new Date().getDay()] + ")";
}

//Et tilfældigt billede fra arrayet (længden er ligegyldig !-)
function visBaggrund(){
  document.body.style.backgroundImage = "url(" + billeder[Math.floor(Math.random()*billeder.length)] + ")";
}

window.onload = visBaggrund;
}
</script>

-- du skal selvfølgelig kun have den ene funktion i hvert dokument ...
Avatar billede spacemorten Nybegynder
16. januar 2005 - 14:14 #2
Mage tak! Det ser troværdigt ud. Smider du lige et svar?
Avatar billede roenving Novice
16. januar 2005 - 14:20 #3
Velbekomme '-)
Avatar billede spacemorten Nybegynder
16. januar 2005 - 14:26 #4
Undskyld men jeg har lige et dumt spørgsmål. Hvordan får jeg den til at vise billedet? Har lige testet lidt og forsøgt at smide dit scipt ind hvor der står HER og sådan nogle andre desperate newbie løsninger uden held ;)
<img src="HER" width="850" height="175">
Avatar billede roenving Novice
16. januar 2005 - 14:32 #5
Jamen, det var jo som baggrund, du ville have billedet ?-)

-- men f.eks. i et billede:

<img name="mitBillede" width="850" height="175">

-- og så:

document.images['mitBillede'].src = billeder[new Date().getDay()];
Avatar billede roenving Novice
16. januar 2005 - 14:42 #6
Tak for point ;~}
Avatar billede spacemorten Nybegynder
16. januar 2005 - 14:44 #7
Selv tak..
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