Søg
Avatar billede calo2 Nybegynder
04. april 2007 - 11:46 Der er 16 kommentarer og
1 løsning

Automatisk skift af baggrund

Hej.

Er der en som gider hjælpe mig med at få min baggrund til at skifter automatisk når den loades. Jeg har 15 *.gif baggrunde der hedder bg_1 bg_2 bg_3 osv. (ALLE er *.gif filer)

Jeg har lavet stylesheet.css hvor jeg gerne ville ha´lavet sådan at det styrede baggrundene så jeg slipper for at ændre manuelt. Håber der er en som kan hjælpe mig med dette:-) På forhånd tak


MIT STYLESHEET:

body { margin: 0; }
font { font-family: Arial, Helvetica, sans-serif; }
img { border: 0; }
table { border: 0; }
form { display: inline; }
.menu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #121212;  }
.niveau1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #cf2f2f; }
.niveau1_2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #288bc8; }
.niveau2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; bold; color: #288bc8; }
.text { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #121212;  }
.small_text { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #cccccc;  }
.small_text a:link, .small_text a:active, .small_text a:visited { text-decoration: none; color: #cccccc; }
.small_text a:hover { text-decoration: underline; color: #cccccc; }
Avatar billede calo2 Nybegynder
04. april 2007 - 11:58 #1
Jo, lige en ting til. Kan der også gives hjælp til at gøre sådan at links ikke er blå, men forbliver deres standart farve.
Avatar billede editone Nybegynder
04. april 2007 - 12:06 #2
Altså sådan at hver gang siden loades skal den tage en af de 15 baggrunde random og bruge den ?
Avatar billede editone Nybegynder
04. april 2007 - 12:28 #3
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="Javascript">
function bkgrnd() {} ;
bg = new bkgrnd () ;
    n = 0
    bg[n++] = "bg_1.gif"
    bg[n++] = "bg_2.gif"
    bg[n++] = "bg_3.gif"
    bg[n++] = "bg_4.gif"
    bg[n++] = "bg_5.gif"
    //Just keep adding
rnd = Math.floor(Math.random() * n) ;
bod = '<body background="' +bg[rnd]+ '">'
</SCRIPT>
</HEAD>
<SCRIPT LANGUAGE="Javascript">
    document.write( bod )
</SCRIPT>
Avatar billede editone Nybegynder
04. april 2007 - 12:29 #4
.small_text a { text-decoration: none; color: #cccccc; }
.small_text a:hover { text-decoration: underline; color: #cccccc; }
Avatar billede calo2 Nybegynder
04. april 2007 - 12:43 #5
Hej. Tak for det hurtige svar. Er desværre ikke den skarpeste til disse koder:-( Jeg har ikke mine baggrunde liggende i roden. Jeg har lagt dem --> Opbygning\Baggrund ,for at holde lidt styr på opbyggelsen. Kan næsten regne ud at det har noget med at jeg ikke kan få det til at virke?

Kan bare ikke tyde hvor jeg skal pile i koden?

<SCRIPT LANGUAGE="Javascript">
function bkgrnd() {} ;
bg = new bkgrnd () ;
    n = 0
    bg[n++] = "bg_1.gif"
    bg[n++] = "bg_2.gif"
    bg[n++] = "bg_3.gif"
    bg[n++] = "bg_4.gif"
    bg[n++] = "bg_5.gif"
    bg[n++] = "bg_5.gif"
    bg[n++] = "bg_6.gif"
    bg[n++] = "bg_7.gif"
    bg[n++] = "bg_8.gif"
    bg[n++] = "bg_9.gif"
    bg[n++] = "bg_10.gif"
    rnd = Math.floor(Math.random() * n) ;
bod = '<body background="' +bg[rnd]+ '">'
</SCRIPT>
</HEAD>
<SCRIPT LANGUAGE="Javascript">
    document.write( bod )
</SCRIPT>

! - Har reduceret mine baggrunde til 10.
Avatar billede editone Nybegynder
04. april 2007 - 13:25 #6
Ja det er korrekt det du har gjort
Avatar billede editone Nybegynder
04. april 2007 - 13:26 #7
bg[n++] = "Opbygning\Baggrund\bg_1.gif"
    bg[n++] = "Opbygning\Baggrund\bg_2.gif"
    bg[n++] = "Opbygning\Baggrund\bg_3.gif"
    bg[n++] = "Opbygning\Baggrund\bg_4.gif"
    bg[n++] = "Opbygning\Baggrund\bg_5.gif"
    bg[n++] = "Opbygning\Baggrund\bg_5.gif"
    bg[n++] = "Opbygning\Baggrund\bg_6.gif"
    bg[n++] = "Opbygning\Baggrund\bg_7.gif"
    bg[n++] = "Opbygning\Baggrund\bg_8.gif"
    bg[n++] = "Opbygning\Baggrund\bg_9.gif"
    bg[n++] = "Opbygning\Baggrund\bg_10.gif"
Avatar billede calo2 Nybegynder
04. april 2007 - 13:36 #8
Således???

<SCRIPT LANGUAGE="Javascript">
function bkgrnd() {} ;
    bg[n++] = "Opbygning\Baggrund\bg_1.gif"
    bg[n++] = "Opbygning\Baggrund\bg_2.gif"
    bg[n++] = "Opbygning\Baggrund\bg_3.gif"
    bg[n++] = "Opbygning\Baggrund\bg_4.gif"
    bg[n++] = "Opbygning\Baggrund\bg_5.gif"
    bg[n++] = "Opbygning\Baggrund\bg_5.gif"
    rnd = Math.floor(Math.random() * n) ;
bod = '<body background="' +bg[rnd]+ '">'
</SCRIPT>

Kan ikke få det til at virke med ovnstående "kode". Har set det virke ved at ligge mine baggrunde i roden og så benytte den frste kode du sker, men vil meget gerne ha´dem væk fra roden. Har iøvrigt reduceret baggrundene til 5, da de andre tog en krig at loade:-(
Avatar billede calo2 Nybegynder
04. april 2007 - 13:42 #9
Skal dette stå efter?



så hele koden blir´sådan her:

<SCRIPT LANGUAGE="Javascript">
function bkgrnd() {} ;
    bg[n++] = "Opbygning\Baggrund\bg_1.gif"
    bg[n++] = "Opbygning\Baggrund\bg_2.gif"
    bg[n++] = "Opbygning\Baggrund\bg_3.gif"
    bg[n++] = "Opbygning\Baggrund\bg_4.gif"
    bg[n++] = "Opbygning\Baggrund\bg_5.gif"
    bg[n++] = "Opbygning\Baggrund\bg_5.gif"
    rnd = Math.floor(Math.random() * n) ;
bod = '<body background="' +bg[rnd]+ '">'
</SCRIPT>
</HEAD>
<SCRIPT LANGUAGE="Javascript">
    document.write( bod )
</SCRIPT>
Avatar billede calo2 Nybegynder
04. april 2007 - 14:01 #10
Min kode ser således ud, men der sker desværre ingen ting??? Kan du se om det er mig der gør noget galt???

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>HI - PERFORMANCE SPORT</title>
<meta name="keywords" content="SPORT">
<link href="script/stylesheet.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="Javascript">
function bkgrnd() {} ;
bg = new bkgrnd () ;
    n = 0
    bg[n++] = "opbygning\baggrund\bg_1.gif"
    bg[n++] = "opbygning\baggrund\bg_2.gif"
    bg[n++] = "opbygning\baggrund\bg_3.gif"
    bg[n++] = "opbygning\baggrund\bg_4.gif"
    bg[n++] = "opbygning\baggrund\bg_5.gif"
    bg[n++] = "opbygning\baggrund\bg_5.gif"
    rnd = Math.floor(Math.random() * n) ;
bod = '<body background="' +bg[rnd]+ '">'
</SCRIPT>
</HEAD>
<SCRIPT LANGUAGE="Javascript">
    document.write( bod )
</SCRIPT>

<body>
Avatar billede calo2 Nybegynder
04. april 2007 - 14:04 #11
"opbygning\baggrund\bg_1.gif"
"opbygning\baggrund\bg_2.gif"
Osv.

'<body background="'

Disse ting i kode står med grøn(når jeg retter i kode) som de eneste ting i hele min kode. Kan det havde nogen betydning?
Avatar billede calo2 Nybegynder
04. april 2007 - 15:04 #12
Gir´op! Har besluttet at placere mine baggrunde i roden. Kan du se hvad der går galt så smid lige et svar. Tak for hjælpen så langt. Lader lige tråden være åben lidt længere hvis der skulle komme noget brugbart på falde rebet.
Avatar billede roenving Novice
04. april 2007 - 23:29 #13
Hrm, såvidt jeg umiddelbart kan gennemskue, kan det gøres adskilligt nemmere, f.eks. således:

<script type="text/javascript">
var maxNum = 15;
window.onload = function(){
  document.documentElement.style.backgroundImage = "url(opbygning\baggrund\bg_" + (1+Math.floor(Math.random()*maxNum)) + ".gif)";
}
</script>
Avatar billede roenving Novice
04. april 2007 - 23:30 #14
Hov, der skal jo bruges slashes og ikke backward slashes:

<script type="text/javascript">
var maxNum = 15;
window.onload = function(){
  document.documentElement.style.backgroundImage = "url(opbygning/baggrund/bg_" + (1+Math.floor(Math.random()*maxNum)) + ".gif)";
}
</script>
Avatar billede calo2 Nybegynder
14. april 2007 - 22:07 #15
Hej. så fik jeg det til at lykkes:-D Brugte Roenving´s eksempel. Smid lige et svar så du kan få lidt point;-) Tak for hjælpen
Avatar billede roenving Novice
15. april 2007 - 23:19 #16
Velbekomme '-)
Avatar billede roenving Novice
17. april 2007 - 01:53 #17
Tak for point !-)
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 15:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
I går 20:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
White papers
Flere white papers »