I've been looking for a js or jQuery script that will select an image to display at random (lets say I have a div that contains 5 images hiddent with CSS).

All I can find are script that produce a slideshow of all the images, not just selecting one at random.

Does anybody have an recommendations?

http://www.modtalk.co.uk/_site/code/.../random-image/

Thanks, but I can't figure out what js to copy into the page? So far I have this:

var path = "/_site/code/javascript/images/";
var rand1 = 0;
var useRand = 0;
images = new Array;
images[1] = "0.png";
images[2] = "1.png";
images[3] = "2.png";
images[4] = "3.png";
images[5] = "4.png";
images[6] = "5.png";
images[7] = "6.png";
images[8] = "7.png";
images[9] = "8.png";
images[10] = "9.png";


function swapPic() {
	var imgnum = images.length - 1;
	do {
	var randnum = Math.random();
	rand1 = Math.round((imgnum - 1) * randnum) + 1;
	} while (rand1 == useRand);
	useRand = rand1;
	document.randimg.src = path + images[useRand];
}

but Im getting the error:

Error: document.randimg is undefined

you need an HTML img element in your document with an name attribute of "randimg"

<div id="pic">
		<img onclick="swapPic()" id="randimg" name="randimg" src="" />
		<< Click to change
        </div>

great thanks!

hope fully you have spotted the edit I just made