Rotate Header by Date or Time

by darnoc92 Posted: 13 years ago 4 replies

Hey Warriors,

I have a quick question. I have a members section on my website and I was hoping to have a header/banner that would automatically change to a new one at the same time each day. Basically my site posts recipes and I would like to have an image with the 'Recipe of the Day'. I have a fairly large site with a number of pages and don't want to spend an hour every morning manually changing each image on each page... I'm hoping to automate...

Is there some java/html coding I could use that would allow me to have a new image that refreshes at midnight each day? I would like to cue up a weeks worth to start and expand on that.

Cheers,

Conrad

#website design #date #header #rotate #time

Steve Fleming 13 years ago

Hi Conrad

I'm sure there's plenty of examples that you'd find via Google that show how to rotate banners based on time/date. Did you take a look?

Steve
- [ 1 ] Thanks
- [2] replies
- darnoc92 13 years ago
  
  Hi Steve,
  
  I have looked on google but most examples are time based on when they come to the site. So when they arrive to the site, the rotating image/banner will always start on the first image (day 1) even if they show up on day 6...
  
  I'm not sure that was clear. Here's the script I'm finding...
  
  JavaScript Tutorial: Adding Rotating Images to Your Web Site
- darnoc92 13 years ago
  
  I also found this resource but I know NOTHING about php lol
  
  php - How do I rotate an image at 12 midnight every day? - Stack Overflow
Brandon Tanner 13 years ago

If you just want to rotate a week's worth of images for now, here's a super simple way to do it...

1) Take your 7 images and rename each one to a different day of the week (ie Sunday.png, Monday.png, Tuesday.png, etc.). <-- Be sure to capitalize the first letter of each image name. Then upload them to your server.

2) Then wherever you want to display the current day's image on the webpage, just use this code:

<img src="<?php echo date('l'); ?>.png">

^ That code assumes you are using .png images, and that your images are located in the same directory as your webpages that use the above code. Also, you'll need to give any webpage that uses this code a .php extension.
- [ 2 ] Thanks

Join the discussion

Next Topics on Trending Feed

5

Rotate Header by Date or Time

darnoc92 • 13 years ago • 4 replies

Hey Warriors, I have a quick question. I have a members section on my website and I was hoping to have a header/banner that would automatically change to a new one at the same time each day. Basically my site posts recipes and I would like to have an image with the 'Recipe of the Day'. I have a fairly large site with a number of pages and don't want to spend an hour every morning manually changing each image on each page... I'm hoping to automate...