I have used simple images that contain just the name of the particular day. Here is what the script produces on this day of the week using my images.
Below are the seven images that I used with the example of this script. You will probably want to create your own but you can use mine if you want. Whichever way you go you need to make sure that you save the images with the appropriate filenames that appear under the images to match with the days of the week on which they are to display.
All seven images must be the same size, in the same folder path, and of the same file type.
<img id="dow" src="graphics/saturday.gif" width="200" height="80" alt="day of week image"/>
The only distinguishing thing about this particular image is that it has a specific id that identifies the image that is to be replaced with the specific day of the week images.
Now that you have the image, the next step is to copy the following script and attach it just before the </body> tag at the bottom of your page.
The final step in installing this script is to adjust the options in the last line of the script.
These first of these parameters identifies the path to the images. If the images are in the same folder as the web page then it should be empty - '' - if not it is the sub-folder where the images can be fount followed by a slash.
The second parameter is the type of the images being used - 'gif', 'jpg', or 'png'.
The third parameter is the id of the image that the script is to update - in my example I gave the image an id of 'dow';
You can include multiple day of week images into the same web page by adding multiple copies of the same code into the page and using a different path and different id for each.
This article written by Stephen Chapman, Felgall Pty Ltd.