Søg
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
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
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Å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
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 dag 16:10 Bat file. Af johnnylassen i Andet programmering
I dag 10:28 “Signe” Svindel omtalt i medier Af nu_igen i Mobiltelefoner
I går 20:59 RAID controller virker ikke ved tilslutning af alle 4 harddiske Af Strawberry i Andet hardware
I går 13:38 Opret Logo via bogmærke og placer en knap på et Dotx dokument Af per2edb i Word
20/0419:38 Netkort finder 5 forbindelser,bare ikke min, Af valby i Internetforbindelser
White papers
Flere white papers »