How to display images for each day in total year

ajay007_bond · #1 (**permalink**) 06-14-05, 01:23 PM

I am working on a weather webpage....I want to display a daily updated image for 365 days in a year....I have 365 images in my server......so I want to display a daily image like image for January 1st, image for Jan 2nd image..like that untill December 31st.....

Can any one provide the java script

TwoD · #2 (**permalink**) 06-16-05, 07:03 AM

How are your files named and placed? One folder for each month? Examples please...

This should be no hard to do if you already have the images.
You'll simply have to generate an src-attribute that matches the current date and the wanted file.

sarat.pediredla · #3 (**permalink**) 06-18-05, 05:04 AM

TwoD's question is valid but the solution would be something in the lines of,

Assume your files are named in the format dd_mm.jpg where dd is the day and mm is the month for which it needs to be displayed.

1. Place the following code in your <head></head> section

Code:

<script language="javascript">
function loadImage()
{
	var today = new Date();
	var imgString = today.getDate()+"_"+today.getMonth()+".jpg";
	document.getElementById("weatherimg").src = imgString;
}
</script>

2. And modify your <body> tag as follows

Code:

<body onLoad="loadImage();">

Replace weatherimg (keep double quotes) with the id of the img tag where you want the image to be displayed.

If you have no control over the filenames, then it is a little different since you might need to create an array of these files into your code (easiest hack and doesnt take too long for 365 image names).

If you can't figure it out even now, then just IM me and I will integrate it for you.