5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Rotate Header by Date or Time

by darnoc92
4 replies
  • WEB DESIGN
    • |
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
#date #header #rotate #time
  • Profile picture of the author Steve Fleming
    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
    Signature

    {{ DiscussionBoard.errors[8085704].message }}
  • Profile picture of the author Brandon Tanner
    Originally Posted by darnoc92 View Post

    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.
    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.
    Signature

    {{ DiscussionBoard.errors[8085938].message }}

Trending Topics