Beste mensen,
ik ben met een website bezig waar elke keer bij het inladen en/of verversen van de pagina een willekeurige achtergrond moet worden ingeladen. Heeft iemand enig idee hoe dit in orde is te maken.
Mvg, Wim
-
19-06-2009, 17:03 #1gast13060 Guest
Elke keer bij inladen en/of verversen andere achtergrond
-
-
19-06-2009, 17:04 #2
Banned
- Berichten
- 87
- Lid sinds
- 16 Jaar
lama verkeerd gelezen :P
je titel en de inhoud van je topic komen niet echt overeen :P
-
19-06-2009, 17:15 #3
Particulier
- Berichten
- 244
- Lid sinds
- 16 Jaar
Met Random?
-
19-06-2009, 17:59 #4gast13060 Guest
Oke, bedankt voor de "random" tip.
Onderstaande code doet het werk:
<script type="text/javascript">
*/
var randombgs=["../clip/backgr1.jpg", "../clip/backgr2.jpg", "../clip/backgr3.jpg"]
document.body.style.background='white url('+Math.floor(Math.random()*randombgs.length)]+')')
</script>
-
19-06-2009, 18:05 #5
Particulier
- Berichten
- 1.735
- Lid sinds
- 17 Jaar
kan ook met php
hier gevonden, heb de bug al voor je gefixed http://www.webmasterworld.com/forum88/6805.htmPHP Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<?php
$ext = array('acbg1.jpg', 'acbg2.jpg', 'acbg2.jpg','acbg4.jpg','acbg5.jpg','acbg6.jpg',); //backgrounds
shuffle($ext); //Give the array a shuffle
?>
<html><head> <style type="text/css" media="all">
body {color: #000; background: transparent; background-image: url('./dir/<?php echo $ext[0];?>');
}
</style>
-
19-06-2009, 18:54 #6gast13060 GuestThanks, dan ga ik voor de php. Ik ga hem proberen.
Origineel gepost door Stefan_B
grt, Wim
-
19-06-2009, 19:32 #7
SoloHosting | SoloICT
- Berichten
- 194
- Lid sinds
- 19 Jaar
Gaat wel lekker veel data en tijd kosten, als iemand flink aan het browsen is op je website.
Je kan misschien beter per dag of per uur laten veranderen? scheelt je een hoop data verkeer (ligt er natuurlijk aan hoe groot je achtergrond images zijn).
Ga ook even bij jezelf na of het niet irritant is voor de bezoeker dat er constant een achtergrond veranderd.Laatst aangepast door Kevin Bentlage : 19-06-2009 om 20:06
-
19-06-2009, 20:38 #8gast13060 Guest
De php code werkt niet.
Als ik de bron opvraag na het verversen van de pagina staat er wel steeds een ander plaatje ingesteld als achtergrond maar de achtergrond komt niet zichtbaar in beeld.
www.sterrenwachtvesta.nl/test.php
grt, Wim
-
19-06-2009, 21:18 #9
Red Center
- Berichten
- 359
- Lid sinds
- 18 Jaar
Het komt ook niet goed in je HTML aan, maar dat had jezelf ook gezien...
"background-image: url(''./dir/''); "
Post eens je hele PHP code dat met het plaatje te maken heeft, misschen kan men je hier helpen.
Aanvullend bericht:
NB in jouw voorbeeld code staat een comma teveel achterin de array.... Geen idee of dat iets oplost, maar het is niet goed...Laatst aangepast door JeroenF : 19-06-2009 om 21:21 Reden: Automatisch samengevoegd.
-
19-06-2009, 21:25 #10gast13060 Guest
Ik heb onderstaande code nu in het formulier test.php staan.
Bij het opvragen van de bron zie je nu de naam van het plaatje wel staan
maar de achtergrond wordt niet weergegeven in de browser.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html xmlns="http://www.w3.org/1999/xhtml">
<?php
$ext = array('achtergrond-01.jpg', 'achtergrond-02.jpg', 'achtergrond-03.jpg','achtergrond-04.jpg','achtergrond-05.jpg','achtergrond-06.jpg',); //backgrounds
shuffle($ext); //Give the array a shuffle
?>
<head>
<title>:: Test Roterende Achtergrond ::</title>
<style>
body{
background-image: url(''./dir/<?php echo $ext[0];?>'');
}
</style>
</head>
<body>
</body>
-
19-06-2009, 21:35 #11
Red Center
- Berichten
- 359
- Lid sinds
- 18 Jaar
die comma staat er teveel...
Aanvullend bericht:
en er staan twee quotes: ' ' in je hTML... ipv 'Laatst aangepast door JeroenF : 19-06-2009 om 21:36 Reden: Automatisch samengevoegd.
-
19-06-2009, 21:36 #12
Ondernemer
- Berichten
- 335
- Lid sinds
- 17 Jaar
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html xmlns="http://www.w3.org/1999/xhtml">
<?php
$ext = array('achtergrond-01.jpg', 'achtergrond-02.jpg', 'achtergrond-03.jpg','achtergrond-04.jpg','achtergrond-05.jpg','achtergrond-06.jpg',); //backgrounds
shuffle($ext); //Give the array a shuffle
?>
<head>
<title>:: Test Roterende Achtergrond ::</title>
<style type="text/css">
body{
background-image: url('<?php echo $ext[0] ?>');
}
</style>
</head>
<body>
</body>
------------------------------
Zo moettie het doen, je hebt achter "...$ext[0] " een ; staan, die moest weg.
-
19-06-2009, 21:37 #13
Red Center
- Berichten
- 359
- Lid sinds
- 18 Jaar
en zijn die plaatjes wél direct bereikbaar. Type eens direct de URL van het palatje in...
http://www.sterrenwachtvesta.nl/dir/achtergrond-06.jpg
??
Aanvullend bericht:
Jaaaa !!! ;-)
We have lift-off!Laatst aangepast door JeroenF : 19-06-2009 om 21:40 Reden: Automatisch samengevoegd.
-
19-06-2009, 21:40 #14
Ondernemer
- Berichten
- 335
- Lid sinds
- 17 Jaar
Ook die dir/ heb ik al weggehaald in 't voorbeeld wat ik hem gaf.
-
19-06-2009, 21:50 #15gast13060 Guest
Yep, yep, yep ! ! ! ! !
Hij doet het :-)
Iedereen bedankt voor het meedenken en de hulp, uiteindelijk toch gelukt en daar ben ik erg blij mee. Kan nu weer verder met de update en ik liep er echt even tegenaan te hikken.
Thx, Wim
