CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

fcand Nybegynder

14. juni 2009 - 18:39 Der er 11 kommentarer og
1 løsning

Rotation af baggrundsbillede eller css class/id når siden opdateres

Hej hej

Som overskriften beskriver, så er jeg på udkig efter et script der bevirker at mit header billede skifter (random) hvergang siden reloades, så der altid er variation i headeren på mine forskellige sider.

Lige pt er min header et <DIV> tag, med en css .class tilknyttet, hvor der er defineret et baggrundsbillede, så kan man måske få et script til at sifte mellem forskellige .class'es, så man bare laver om i sin css fil, når man vil have nye billeder ind!?

På forhånd tak!

Synes godt om

fant0mas Nybegynder

14. juni 2009 - 19:40 #1

http://us2.php.net/manual/en/function.array-rand.php
array_rand()

Synes godt om

nyp Nybegynder

14. juni 2009 - 20:37 #2

Noget i denne stil kunne vel gøre det hvis det skal være JavaScript :)

<script type="text/javascript">
function changeImage(){
var c = new Array("header1","header2","header3");
var r = parseInt(Math.random()*c.length,10);
var el = document.getElementById("header");
el.className = c[r];
}
onload=changeImage;
</script>

<body>
<div id="header" class="header1"></div>
</body>

Synes godt om

fant0mas Nybegynder

14. juni 2009 - 20:48 #3

Doh, min fejl. Dog ville jeg stadig, hvis muligt -klare den i et serverside sprog.

Synes godt om

fcand Nybegynder

14. juni 2009 - 22:57 #4

nyp > det kunne godt se ud til at det er noget i den stil jeg leder efter, men jeg kan dog ikke få det til at virke!? Jeg må indrømme at jeg ikke er særlig skarp til programmering. (X)HTML og CSS kan jeg, men alt andet webprogrammering er wolapyk :-P

Jeg har ændret header1,2 og 3 til andre id navne jeg har i min css fil, og ændret der hvor du har skrevet getelementbyid("header"), til den id jeg har skrevet i div tagget!?

Er det korrekt?

Synes godt om

nyp Nybegynder

14. juni 2009 - 23:45 #5

Du skriver "Jeg har ændret header1,2 og 3 til andre id navne jeg har i min css fil", du mener vel classer?

I mit tilfælde kunne css se sådan her ud:

#header{
position: absolute;
width: 1000px;
height: 100px;
}

.header1{
background: url(image1.png);
}

.header2{
background: url(image2.png);
}

.header3{
background: url(image3.png);
}

Synes godt om

fcand Nybegynder

15. juni 2009 - 00:00 #6

hmm, nej min css fil så anderledes ud, men nu har jeg prøvet at ændre den til dit layout, men det virker stadig ikke, det vises slet intet billede!??

Synes godt om

nyp Nybegynder

15. juni 2009 - 08:24 #7

Lidt svært at sige uden kode, men prøv at sætte dine class på elementet uden at køre koden:

//onload=changeImage;

..............

<div id="header" class="header1"></div>

Hvis du stadig ikke får noget billede er det css der er noget galt med, hvis du kan få vist alle billeder er der noget galt med dit script.

Synes godt om

fcand Nybegynder

15. juni 2009 - 12:38 #8

Aha, så fik jeg det til at virke :) - det hjalp da jeg satte changeImage() ind i <body onload="">.

Mange tak :)

Så går jeg ud fra at hvis jeg laver nye class'es med nye billeder, så skal de bare defineres i script'et som header4,5,6 osv.!?

Synes godt om

nyp Nybegynder

15. juni 2009 - 16:17 #9

Ja du kan lægge alle dem på du har lyst :)

Synes godt om

fcand Nybegynder

15. juni 2009 - 16:27 #10

Det virker upåklageligt, mange tak for det :)
Du kan se det i aktion her: www.afcdesign.dk/v6 - Det varer ikke længe inden siden kan komme op og køre rigtig nu :)

Jeg har dog et problem mere, jeg skal nok oprette et nyt spørgsmål, det kan være du kan hjælpe mig der også!?

Kan man med javascript, definerer en variabel der viser hvad man linker til på samme side, så man ikke behøver at oprette en ny side der indeholder det man har linket til på forrige side!?

Håber du forstår

Synes godt om

fcand Nybegynder

15. juni 2009 - 16:30 #11

fant0mas >> også tak for dine kommentarer, det kan godt være at det kan laves smartere i PHP eller lignende, men jeg har bare et større overblik over javascript, så det forestrækker jeg :)

Synes godt om

nyp Nybegynder

15. juni 2009 - 19:47 #12

Jeg er ikke sikker på jeg forstår, så det er nok bedst du opretter et nyt spørgsmål og beskriver det nærmere.

Tak for p.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
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
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS

22/11

Test: Den snusfornuftige Volkswagen ID.3 blevet til lidt af el-bisse

22/11

Vil købe tele-løsninger til det offentlige for 370 millioner kroner

22/11

Nørgaard: Det er de neuro-divergente originalers tid

22/11

Sker helt åbenlyst: Ansatte i den kinesiske stat sælger borgernes personlige data på hemmelige internet-fora

22/11

Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"

22/11

Derfor bliver den amerikanske tvangs-opdeling af Google nok ikke til noget

22/11

Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen

22/11

Vi har fundet 10 ledige it-stillinger, som du kan søge netop nu

22/11

Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet

22/11

Kombit gør klar til at købe it-konsulenter for 140 millioner kroner - her er planen

22/11

Droner i krig - sådan anvendes de mest effektivt på slagmarken

Vis flere artikler

IT-JOB

IST ApS

Head of Cloud Services

Udviklings- og Forenklingsstyrelsen

Gi' din karriere et løft som projektstyringsekspert i Danmarks største offentlige it-organisation

Statens IT

Leder til drift og udvikling af Microsoft 365

Danoffice IT

Microsoft CSP Salgsspecialist

Statens IT

Knowledge Process Manager

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I går 22:30	Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
I går 15:56	Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I går 14:10	Outlook henter ikke mails Af TTA i Office & Kontorpakker
I går 13:58	vise billeder i kartotek med store ikoner inklusive optagelsesdato Af Malm i Billedbehandling
I går 13:35	Adobe Elements 2019, Organizer Crasher Af mort1 i Billedbehandling