How to make picture change????

Question

My question is that I have a place where I want to put a picture on my webpage. I know how to do that but what if I want the picture to change to a different picture periodically. I have seen this on some pages where when you come back to the webpage after say 5 minutes, there is a different picture in the same location where the previous picture was. I have about 20 photos that I want to rotate on my webpage and have yet to figure out how to get this to work. Please, any help would be greatly appreciated.
Derrick

Answer 1

I think I may have found one to work but it is not quite giving me the output that I need. The code is as follows but it seems to only rotate through 2 of my photos.
              <script language="JavaScript">
// Copyright 1996, Infohiway, Inc. (http://www.infohiway.com)
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
<!--
function adArray() {
for (i=0; i*2<adArray.arguments.length; i++) {
  this[i] = new Object();
  this[i].src = adArray.arguments[i*2];
  this[i].href = adArray.arguments[i*2+1];
this.length = i;
function getAdNum() {
dat = new Date();
dat = (dat.getTime()+"").charAt(8);
if (dat.length == 1)
  ad_num = dat%ads.length;
else
  ad_num = 0;
return ad_num;
var ads = new adArray(
"rv4_images/12 Feb 10/logo1.JPG",
"rv4_images/12 Feb 10/logo2.JPG",
"rv4_images/12 Feb 10/logo3.JPG",
"rv4_images/12 Feb 10/logo4.JPG",
"images/banner_3.gif","http://simplythebest.net/scripts/");
var ad_num = getAdNum();
document.write('<CENTER><TABLE CELLPADDING=0 CELLSPACING=1 BORDER=0><TR><TD '
+'ALIGN=CENTER><FONT SIZE=2 FACE=Arial><B>SimplytheBest DHTML Scripts & JavaScripts is sponsored by: '
+'</FONT></TD><TR></TR><TD><A HREF="'+ads[ad_num].href+'"><IMG SRC="'+ads[ad_num].src+'" '
+'WIDTH="150" HEIGHT="100" BORDER=0 name=js_ad></A></TD></TR></TABLE></CENTER>');
link_num = document.links.length-1;
function rotateSponsor() {
if (document.images) {
  ad_num = (ad_num+1)%ads.length;
  document.js_ad.src = ads[ad_num].src;
  document.links[link_num].href = ads[ad_num].href;
  setTimeout("rotateSponsor()",5000);
setTimeout("rotateSponsor()",5000);