Avatar billede dotcom1 Nybegynder
05. marts 2009 - 09:23 Der er 8 kommentarer og
1 løsning

skift baggrundsbillede i div ved onload

Hej.

Jeg søger et script, som kan skifte baggrundsbillede i en div (eller evt. et andet element) ved onload. Der er tale om 4-5 billeder, der skal skiftes imellem. Nogen der kan hjælpe med sådan et script?

Mvh.
Avatar billede fennec Nybegynder
05. marts 2009 - 09:28 #1
Snakker vi bare et tilfældig billed af 4-5 forskellige der skal indlæses (for at skabe variation), eller er det en løbende skifter, så der skal skiftet hvert 10 sek?
Avatar billede majbom Novice
05. marts 2009 - 09:41 #2
har du noget php eller asp bagved der kan hjælpe dig, eller er det fint hvis det er 4-5 faste billeder, som skrives ind i koden?

med php eller asp, tænker jeg at det kan laves mere dynamisk, så den bare vælge et billede fra en mappe, hvor du så kan slette billeder og ligge nye ind, uden at skulle ændre i koden
Avatar billede dotcom1 Nybegynder
05. marts 2009 - 10:45 #3
Hej.

Tak for svarene. Det er som fennec nævner bare 4-5 faste billeder, der skal vises for at skabe variation. Billederne skal kun skifte når siden loades og ikke løbende efter et fast tidsinterval.

Jeg har ikke adgang til noget serverside, så javaScript vil være den bedste løsning. Det skal i virkeligheden bare være så simpelt så muligt.

Mvh.
Avatar billede majbom Novice
05. marts 2009 - 11:03 #4
utestet:

var pics = new Array("billede1.jpg", "billede2.jpg", billede3.jpg);
var rand_number = Math.floor(Math.random()*pics.length+1);

var show_pic = pics[rand_number];
document.getElementById('dit_img_element').src = show_pic;
Avatar billede fennec Nybegynder
05. marts 2009 - 11:04 #5
<body onload="loadBack()">
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
picArr = new Array('http://www.eksperten.dk/images/eksperten_logo.gif', 'http://www.google.dk/intl/en_com/images/logo_plain.png')

function loadBack()
{
    ele = document.getElementById("div1")
    ele.style.backgroundImage = "url("+ picArr[Math.floor(Math.random()*picArr.length)] +")";
}
//-->
</SCRIPT>

<div id="div1">kldfvklfdkl<br>sjskjs<br>kldfvklfdkl<br>sjskjs<br>kldfvklfdkl<br>sjskjs<br></div>
Avatar billede dotcom1 Nybegynder
05. marts 2009 - 11:23 #6
Tak for eksemplerne. Jeg brugte fennecs script og det virker helt perfekt, så læg et svar.

Mvh.
Avatar billede fennec Nybegynder
05. marts 2009 - 11:29 #7
.o) <-- One Eyed Jack
Avatar billede olebole Juniormester
05. marts 2009 - 15:53 #8
*LoL* Skøøøøøøøn Jack, du har kørende dér, fennec  ;D
Avatar billede fennec Nybegynder
05. marts 2009 - 15:57 #9
Fik lige min grafiker ven til at bruge 2 min på at lave den. Det høre sig jo til :)
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