[Yoyi]

I know I have seen this before. Is a script that changes a specific image according to the time of day it is.


Anyone know where I might be able to find this?

[pgo]

Use server-side scripting for that.

[jcblitz]

I can think of a few ways, but can you give me more details? Do you want to do this only on load or if a person has been sitting idle from like say 3:48 and 4:00 rolls around, have it change. What type of frequency are we talking about? Night and evening?

[Yoyi]

I want it to change say At
8:30am
10am
Noon
2:30pm
4:30pm


I want an image to load according to the time. Even if someone has their browser open at the time of the change. I want it to be as simple as possible, Java, or Actionscript is the only thing I can use for it.

[robdesign]

Originally Posted by Yoyi

I want an image to load according to the time. Even if someone has their browser open at the time of the change. I want it to be as simple as possible, Java, or Actionscript is the only thing I can use for it.

Why would that be necessary? It's not like somebody is going to leave the website pulled up on their computer on the same page for a whole day. I'd say use server-side scripting for your best bet.

[Yoyi]

Its an intranet site, Some departments have it open at all times

[karmedic]

With a combo of datejs (www.datejs.com)and simple DOM manipulation you should be able to get what you're after relatively easy.

PSEUDO CODE

if (yourtime falls between timerange)
  document.getElementById('yourimageid).src = 'images/12-16.png';
else ...

[MikeMackay]

Have an array with every hour in it and with that hour associate an image...

$hours[0] => "pic1.jpg"
$hours[1] => "pic2.jpg"
...

Then, extract the hour from the current time and link it to that array. You could use a server-side script, or, a pure JavaScript solution would be adequate enough. If you used JS then you could use AJAX to update the time every X minutes and that in effect would update it live as the hour(s) pass.

[funkyprem]

multiple stylesheets in conjunction with this

A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets