Hallo allemaal,
voor een website van een klant van me wil ik de achtergrond (body) laten wisselen om een X-aantal seconden. Weet iemand hoe ik dat het beste kan aanpakken? Mooie high-res foto's hebben we al :).
Alvast bedankt voor je reactie!
Groetjes,
Diederik van Andel
-
09-05-2011, 10:03 #1
Diederik van Andel
- Berichten
- 400
- Lid sinds
- 15 Jaar
Background wisseling
-
-
09-05-2011, 10:05 #2
Creature.nl
- Berichten
- 1.734
- Lid sinds
- 17 Jaar
Re: Background wisseling
Even op google kijken, staan er genoeg!!
-
09-05-2011, 10:08 #3
Particulier
- Berichten
- 296
- Lid sinds
- 15 Jaar
Re: Background wisseling
Beste Diederik,
Is dit wat u zoekt:
- http://www.diplo.co.uk/blog/2011/2/2...e-rotator.aspx
- http://www.diplo.co.uk/demos/bgrotate.html (voorbeeld)
Met vriendelijke groet,
Jonathan Visser.
Origineel gepost door diederikva
-
09-05-2011, 11:42 #4
Particulier
- Berichten
- 16
- Lid sinds
- 14 Jaar
Re: Background wisseling
zoiets : Origineel gepost door diederikva
<script type="text/javascript">
var bgImages = new Array();
bgImages.push("image1.jpg");
bgImages.push("image2.jpg");
bgImages.push("image3.jpg");
bgImages.push("image4.jpg");
bgImages.push("image5.jpg");
bgImages.push("image6.jpg");
bgImages.push("image7.jpg");
function LoadRandomBackground()
{
var randomImageIndex = Math.floor(Math.random()*bgImages.length)
document.body.background = bgImages[randomImageIndex];
}
function StartBackgroundRefreshTimer()
{
var timer = setInterval('LoadRandomBackground()',10000); //10 seconden
}
</script>
<style type="text/css" media="screen">
html, body, { height:100%; width:100%; margin:0px; padding:0px; border:0px solid #fff;}
object { display:block; }
</style>
en dan in de body :
<body onload="LoadRandomBackground(); StartBackgroundRefreshTimer()">
