Bij bepaalde tijd andere achtergrond

Status
Niet open voor verdere reacties.
B

BodePC

Nieuwe gebruiker
Lid geworden
3 apr 2011
Berichten
3
Hallo,
Ik heb een site, en daar wil ik graag een foto van het strand als achtergrond. Ik heb 2 dezelfde foto's alleen is de ene 's avonds gemaakt en 1 's middags.
Daarom zou ik graag willen dat van 06:00 tot 18:00 de foto van de middag er staat en van 18:00 tot 06:00 de foto die s' nachts is gemaakt er staat.
Wie o wie kan me helpen, het liefst in HTML?
 
Zo iets

HTML: 
<body onload="Ron_nie()">

<script language="javascript">

function Ron_nie()
{
document.body.background = fond[ch];
	if(ch == longueur2)
        { ch = 0; }
        else
        { ch++; }
changement = 43200;
//stel hierboven de tijd in ( nu 43200 seconden )

window.setTimeout("Ron_nie()", (changement*1000));
}

fond = new Array()
fond[0] = 'jou achtergrond.jpg';
fond[1] = 'jouachtergrond.jpg';
//hierboven kun je gewoon doorschrijven voor nog meer achtergronden

longueur2 = fond.length-1;
ch = 0;
</script>

</body>

het is wel in java ;)
 
Eerst kun je je afvragen:
Moet de achtergrond veranderen als de bezoeker al op de site is en de tijd veranderd van 17:59 > 18:00?
Heb je beschikking tot een server met PHP Ondersteuning?

Het kan namelijk op 2 manieren JavaScript (Zoals hierboven) en PHP

Brian

@RonnieV1987

Kun je je code ook even toelichten?
Want nu veranderd de achtergrond elke 43200 seconden?
 
Nop, de Ron_nie() functie is een gewone platenwisselaar om de zoveel tijd. Welk moment van de dag het is, maakt niet uit. D.w.z. deze begint altijd met de ene afbeelding, en na 43200 seconden komt de andere: dat is 720 minuten of 12 uur later.
Maar dan moet je wel je computer 12u aan laten staan om dat te zien. :p
(en het is javascript, geen java)

Met javascript moet je eerst het tijdstip ophalen, om daarna te bepalen of het overdag of 's nachts is. Afhankelijk van de uitkomst laat je het ene of het andere plaatje zien:
[JS]function dagNacht(){
var dagnacht = document.getElementById('dagnacht'); // prik image vast
var current = new Date(); // stel datum vast
var tijdstip = current.getHours(); // geef tijdstip
if (tijdstip>=18 || tijdstip<=6){ // als nacht
dagnacht.src= 'images/nacht.png'; // toon nacht-img
}
}
[/JS]
D.w.z. de afbeelding staat standaard op dag.png, heeft de id="dagnacht", en wordt vervangen als het nacht is. Het handeltje wordt met een onload-functie in werking gezet.
Om niet tot 18:00 uur te hoeven wachten, is hier een simulatie van de nacht-stand:
Om 18:00 uur zouden ze alle twee van plaatje moeten wisselen.
En om 06:00 uur ook. Check! ;)

Met vriendelijke groet,
CSShunter
_________
PS: kruispost met RoboticPro :) - Dit is de javascript-versie, met php kan het ook (die werkt dan ook als iemand z'n javascript heeft uitgezet).
 
Als de TS een php versie wil zal ik die wel even schrijven voor hem;)
 
csshunter zei:
Nop, de Ron_nie() functie is een gewone platenwisselaar om de zoveel tijd. Welk moment van de dag het is, maakt niet uit. D.w.z. deze begint altijd met de ene afbeelding, en na 43200 seconden komt de andere: dat is 720 minuten of 12 uur later.
Maar dan moet je wel je computer 12u aan laten staan om dat te zien. :p
(en het is javascript, geen java)
Klik om te vergroten...


Je hebt helemaal gelij CSSHUNTER :p het is eigenlijk een waardeloze post:p
zoals ik hem heb gepost moet ie hem precies om 6 uur uploaden :p

En Sorry het is JAVA SCRIPT:p
 
Laatst bewerkt:
@ronnie
zoals ik hem heb gepost moet ie hem precies om 6 uur uploaden
Klik om te vergroten...
Nee, anders: de bezoeker moet de pagina precies om 6 uur downloaden (en dan voor eeuwig aan laten staan). :)
Maar op zich kan ie als gewone platenwisselaar voor een banner-rotatie of iets dergelijks waarschijnlijk (niet getest) best goede diensten verrichten.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan