This is the code to randomly pick an image to place on a page, instead of being limited to a single image. The text in blue within the code should be changed based on your images.
<script type="text/javascript">
<!-- Hide this script from old browsers --
images = new Array();
images[0] = "images/IMAGE1NAME.gif"
images[1] = "images/IMAGE2NAME.jpg"
images[2] = "images/IMAGE3NAME.jpg"
images[3] = "images/IMAGE4NAME.gif"
images[4] = "images/IMAGE5NAME.gif"
images[5] = "images/IMAGE6NAME.gif"
images[6] = "images/IMAGE7NAME.jpg"
images[7] = "images/IMAGE8NAME.jpg"
images[8] = "images/IMAGE9NAME.jpg"
//More images can be added following the same format.
//The script will automatically adapt for more images.
function RandElement(IList)
{
return(IList[Math.round(Math.random()*(IList.length-1))]);
}
// -- End Hiding Here -->
</script>
***************************************************************
Place the following in your HTML in place of the normal <img src="XXXXX" /> tag.
*****************************************************************
<script type="text/javascript">
<!-- Hide me
document.write("<img src="+RandElement(images)+" />");
//-->
</script>