trouble with 'image of the day' code

mrblue · #1 (**permalink**) 10-05-05, 06:46 AM

hello,
i found a script to display a daily rotated image which i was hoping to use on my site. after copying the code into a page and setting up the the images in the format dd_mm.jpg, i can't seem to get it to work. the page displays a broken image link. the code for the page is below:

Code:

<html>
<head>
<title>Today's Found Object...</title>
<script language="javascript" type="text/javascript">
function loadImage()
{
        var today = new Date();
        var imgString = today.getDate()+"_"+today.getMonth()+".jpg";
        document.getElementById("foundobject").src = imgString;
}
</script>
</head>
<body bgcolor="#CCCCCC" onLoad="loadImage();">
<img src="" id="foundobject" alt="Today's Found Object...">
</body>
</html>

any ideas why this isn't working? thanks.

NeverMind · #2 (**permalink**) 10-05-05, 08:17 AM

are you sure of the path? the images are all located in the same dir where this page is located?

mrblue · #3 (**permalink**) 10-06-05, 06:59 AM

Quote:

Originally Posted by NeverMind

are you sure of the path? the images are all located in the same dir where this page is located?

the images and html are in a folder marked "foundobject" with the images marked "dd_mm.jpg", for instance today's is 06_10.jpg.

just checked to see if today's works, and it doesn't appear to.

NeverMind · #4 (**permalink**) 10-06-05, 09:16 AM

the problem is that the returned value of getDate() and getMonth() are without leading zeros!
so, imgString today will contain somthing like: 6_9.jpg (note that the month offset starts from 0 instead of 1)

so here is the script after modifications:

Code:

<html>
<head>
<title>Today's Found Object...</title>
<script language="javascript" type="text/javascript">
function loadImage()
{
        var today = new Date();
        var day = today.getDate();
        var month = today.getMonth();

        if (day < 10)
            day = "0" + day;

        month++;
        if (month < 10)
            month = "0" + month;

        var imgString = day + "_" + month +".jpg";
        document.getElementById("foundobject").src = imgString;
}
</script>
</head>
<body bgcolor="#CCCCCC" onLoad="loadImage();">
<img src="" id="foundobject" alt="Today's Found Object...">
</body>
</html>

mrblue · #5 (**permalink**) 10-06-05, 10:15 AM

ahh. i should have thought of that. many thanks for altering the code, it's working perfectly now!