Display Images Randomly on my web page

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 if (images.charAt(i) == ' ' || images.charAt(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 if (images.charAt(i) == ' ' || images.charAt(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 if (urls.charAt(i) == ' ' || urls.charAt(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.