thanks Dangermouse. I will look at your solution also.
As far as the script provided by manu. I havent been successful. This is what I have
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
var imageSRC = new Array()
/* make an Array with the source to every Image you would like to use */
imgSRC[0] = "images/image-top1.gif";
imgSRC[1] = "images/image-top2.gif";
imgSRC[2] = "images/image-top3.gif";
imgSRC[3] = "images/image-top4.gif";
imgSRC[4] = "images/image-top5.gif";
imgSRC[5] = "images/image-top6.gif";
function showRandomImage()
{
var randomnumber = Math.floor(Math.random()*6); /* generates a random number from 0 to 5, if you want to get a number between 0 and 100 just change the 6 to 1001 */
var imgTag = document.getElementById("randomImage");
imgTag.src = imgSRC[randomnumber];
}
</script>
</head>
<body onLoad="showRandomImage()">
<img src="images/image-top.gif" id="randomImage">
</body>
</html>
The problem has to be to do with <img src="images/image-top.gif" id="randomImage"> I think I have done something wrong there.
I was not sure what to put in as the image src. I have 7 images. 1-6 are in the script in the header, and the 7th is in the tag here.
It just shows the image-top.gif image and doesnt change when refreshed.
