Home Calendars Date Images

Displays the current date using images. This allows you to be more creative and use any images you want, such as images that match the color or theme of your site.

Day images (c) http://www.site-ations.com
Month images (c) http://www.bruce-hamilton.com

All the images you will need are included
included below. Download this .zip file,
then upload the images in it to your server.
Dowload date-images.zip

The JavaScript Source: Calendars: Date Images Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
<!-- THREE STEPS TO INSTALL DATE IMAGES: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document 3. Download the images and then upload them to your server --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Jeff Harding (jbh@site-ations.com) --> <!-- Web Site: http://www.site-ations.com --> <!-- Day images (c): http://www.site-ations.com --> <!-- Month images (c): http://www.bruce-hamilton.com --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin theDate= new Date(); months = new Array(); days = new Array(); months[1] ="jan.gif"; months[2] ="feb.gif"; months[3] ="mar.gif"; months[4] ="apr.gif"; months[5] ="may.gif"; months[6] ="jun.gif"; months[7] ="jul.gif"; months[8] ="aug.gif"; months[9] ="sep.gif"; months[10] ="oct.gif"; months[11] ="nov.gif"; months[12] ="dec.gif"; days[1] ="1st.gif"; days[2] ="2nd.gif"; days[3] ="3rd.gif"; days[4] ="4th.gif"; days[5] ="5th.gif"; days[6] ="6th.gif"; days[7] ="7th.gif"; days[8] ="8th.gif"; days[9] ="9th.gif"; days[10] ="10th.gif"; days[11] ="11th.gif"; days[12] ="12th.gif"; days[13] ="13th.gif"; days[14] ="14th.gif"; days[15] ="15th.gif"; days[16] ="16th.gif"; days[17] ="17th.gif"; days[18] ="18th.gif"; days[19] ="18th.gif"; days[20] ="20th.gif"; days[21] ="21st.gif"; days[22] ="22nd.gif"; days[23] ="23rd.gif"; days[24] ="24th.gif"; days[25] ="25th.gif"; days[26] ="26th.gif"; days[27] ="27th.gif"; days[28] ="28th.gif"; days[29] ="29th.gif"; days[30] ="30th.gif"; days[31] ="31st.gif"; function printDate() { document.write('<img src="' + months[theDate.getMonth()+1] + '">'); // month document.write('<br>'); document.write('<img src="' + days[theDate.getDate()] + '">'); // day } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <center> <script> printDate(); </script> <p> <font face="arial, helvetica" size="-2"> Day images (c) <a href="http://www.site-ations.com">http://www.site-ations.com</a><br> Month images (c) <a href="http://www.bruce-hamilton.com">http://www.bruce-hamilton.com</a> </font> </center> <!-- STEP THREE: Download the images and upload them to your server --> <!-- http://javascript.internet.com/img/date-images/date-images.zip --> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 2.28 KB --> Did you use this script? Do you like this site? Please link to us!

Sign up for the JavaScript Source's Newsletters!
internet.com Privacy Policy
`We'll send this script to you!` (just click "Send it!" once!)
| [ Contact Us! ] [ JavaScript Forum ] [ Submit Your Script! ]

Copyright 2001 INT Media Group, Incorporated All Rights Reserved.
Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.