jsCode.com :: Free JavaScripts :: Random Image Script

Random Image Script

Be certain to check out our
comprehensive library of JavaScripts
Click Here
.
.

Script Demo:

Refresh the page several times. There are five images. An image will be chosen at random and displayed each time by the script. Remember this is a random choice, so it's possible for the same image to appear a number of times in succession. The more images you use, the less possibility of repetition there is.

Description:

Use this script to randomly display a different image each time that the page is visited. Any number of images can be used, and set-up is very easy.
.

Instructions:

This is a two-part installation. You will copy and paste the main script into the head of your page, and another small script into the body where you wish the images to appear. You can add as many images as you wish, just follow the pattern in the script.
.

Part One:

Click Here to select the code. Use Control-C to copy it to your clipboard.

Paste this part of the code into the <head> section of your page.
.

// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array. Rememeber
// to increment the theImages[x] index!

theImages[0] = '100.jpg'
theImages[1] = '200.jpg'
theImages[2] = '300.jpg'
theImages[3] = '400.jpg'
theImages[4] = '500.jpg'

// ======================================
// do not change anything below this line
// ======================================

var j = 0
var p = theImages.length;

var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}

var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

//-->
</script>

Part Two:

Click Here to select the code. Use Control-C to copy it to your clipboard.

Paste this part of the code into the <body> section of your page where you want the images to appear.
.