If you want to display images randomly, one at a time in your web page you can use the following html code.
First you should put this code inside the head tag
<
HEAD>
<
SCRIPT language="javascript">
function RandomImageLong(images,iparams)
{
si = 0;
ci=0;
cc=0;
imageSet = new Array();
ei = images.length;
for (i=1;i
imageSet[cc] = images.substring(si,i);
cc++;
si=i+1;
}
}
ind = Math.floor(Math.random() *cc);
document.write("<
img "+iparams+" src="+imageSet[ind]+" alt=\""+imageSet[ind]+"\">");
}
function RandomImage(images)
{
RandomImageLong(images," ");
}
function RandomImageLinkLongTarget(images,urls,iparams,hparams)
{
imageSet = new Array();
urlSet = new Array();
si = 0;
ci=0;
cc=0;
ei = images.length;
for (i=1;i
imageSet[cc] = images.substring(si,i);
cc++;
si=i+1;
}
}
ind = Math.floor(Math.random() *cc);
si = 0;
ci=0;
cc=0;
ei = urls.length;
for (i=1;i
urlSet[cc] = urls.substring(si,i);
cc++;
si=i+1;
}
}
document.write("<
a "+hparams+" href=\""+urlSet[ind]+"\"><
img "+iparams+" src="+imageSet[ind]+" alt=\""+imageSet[ind]+"\">");
}
function RandomImageLinkLong(images,urls,iparams)
{
RandomImageLinkLongTarget(images,urls,iparams,"");
}
function RandomImageLink(images,urls)
{
RandomImageLinkLongTarget(images,urls,"border=0","");
}
<
/SCRIPT>
<
/HEAD>
Then you should put the following code inside the body and the place where you want to display the image
<
BODY>
<
SCRIPT>
RandomImageLong("image1.jpg image2.jpg image3.jpg image4.jpg ","width=152 height=136");
<
/SCRIPT>
<
/BODY>
I get this from http://www.bloke.com/javascript/Random/ ,you can visit that for more information.