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

23/12

Historisk million-bøde får Region Syddanmarks it-direktør til at efterlyse nye GDPR-retningslinjer

23/12

Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder

23/12

En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed

23/12

Ser med 'stor alvor' på problemer med vand, varme og manglende kontrol i politiets datacenter

23/12

Brugere rammes af Microsoft-fejl: M365-produkter er på mystisk vis blevet deaktiveret

23/12

Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR

23/12

Vores vidensindsamling og demokratiske samtale påvirkes af helt lukkede beslutninger i en enkelt privat virksomhed

23/12

Overblik: Danske it-selskaber strømmer ind mod den centrale storby - og det handler ikke om penge

23/12

Banebrydende ChatGPT-opdatering er lige på trapperne: “Denne model vil være helt fantastisk til programmering”

23/12

Tivoli søger ny CIO: Kenneth Hartvig stopper efter tre år på posten

23/12

Vi ender med at bo i en taber-region, hvis ikke vi gør noget drastisk - her er digitaliseringsministerens plan

Vis flere artikler

IT-JOB

Aller Media A/S

Fullstack Developer

Digitaliseringsstyrelsen

Specialist til driften af MitID med fokus på sikkerhed og compliance

Capgemini Danmark A/S

Project Manager

Quadsat ApS

Robotics Engineer

Statens IT

Driftsmedarbejder med et blødt punkt for Microsoft-produkter til Statens It

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 04:32	Korrupt CF kort Af Mozcan i Foto & video
I går 21:34	install.esd og boot.wim Af sjass i Windows
I går 18:52	Nyt tekstdokument er forsvundet. Af valby i Windows
I går 16:48	"Defragmentering" af Windows 11 ? Af Ikke-ekspert i Windows
25/1219:53	CD Burner XP (Sætte den til at optage nogle numre fra en CD - Men ikke alle ? Af Ikke-ekspert i Musik & videoafspillere