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

thomaslarsen1967 Nybegynder

12. februar 2012 - 11:40 Der er 10 kommentarer

Vis et vilkårligt billed som baggrun på web side (HTML)

Hej

Jeg har et ønske om at vise et tilfældigt billed som baggrund på min webside.

Er der nogen som har et foreslag til en HTML kode til det ? Min takke er at jeg fx har 10 billeder liggende på min web sever og den vælger derfra.

mvh Thomas

Synes godt om

The_Buzz Novice

12. februar 2012 - 12:11 #1

http://briancray.com/2009/12/28/simple-image-randomizer-jquery/

Synes godt om

Broxigar Praktikant

12. februar 2012 - 12:12 #2

Du kan lave det som en php-side, som loader alle billede-stierne ind i et array, og så bruger du random til at vælge en vilkårlig billede-sti fra arrayet og echoer den ind i din style-del af <body>.

Synes godt om

The_Buzz Novice

12. februar 2012 - 12:13 #3

Samme som den ovenfor, bare lidt mere forklaret. http://www.markinns.com/articles/full/simple_two_line_image_randomiser_script_with_jquery

Synes godt om

olebole Juniormester

12. februar 2012 - 16:11 #4

<ole>

Gør det på serveren, som Broxigar foreslår. Der er ingen grund til, at brugeren skal slæbe unødig kode ned for at se din side. Hvilke(t) sprog har du adgang til på serveren?

/mvh
</bole>

Synes godt om

thomaslarsen1967 Nybegynder

14. februar 2012 - 12:39 #5

Min side er hostet hos one.com, så php er en mulighed men selve min side er i HTML

mvh

Thomas

Synes godt om

olebole Juniormester

14. februar 2012 - 12:53 #6

Du kan kalde din fil side.php og skrive:

<?php
$arrBackGrounds = array(
'foo.png',
'bar.png',
'baz.png',
'foobar.png',
'foobaz.png'
);
$rnd = floor( mt_rand(0, count($arrBackGrounds)-1) );
$backGround = $arrBackGrounds[$rnd];
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
background: url(<?php echo $backGround ?>);
}
</style>
</head>
<body>

</body>
</html>

Synes godt om

thomaslarsen1967 Nybegynder

16. februar 2012 - 19:02 #7

Hej igen
Det virker fint med den php kode du foreslår men jeg ikke ikke få det til at virke sammen med min index.html fil.

mvh Thomas

Synes godt om

olebole Juniormester

16. februar 2012 - 19:13 #8

Det er muligt, men jeg kan jo ikke se, hvad du laver af fejl i din kode. Fremgangsmåden/scriptet virker fint under alle udbydere, hvis du ikke laver fejl

Synes godt om

thomaslarsen1967 Nybegynder

16. februar 2012 - 21:13 #9

Hej Igen

Jeg har fået det til at virke nu......

tak for hjælpen

Synes godt om

olebole Juniormester

16. februar 2012 - 21:29 #10

Selvtak =)

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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