JavaScript Forum

**Granwalla** · 07-18-2006, 10:35 AM

Hi, all. I'm trying to find a script that will randomly choose an image from a pre-determined group of pictures each time someone visits a site. I know it should be simple to find, but I'm not having much luck. Right now, I have 2 images to flip between, will probably add more later. I can use CSS or Javascript - I'm not picky as long as it works and isn't super-complicated to implement.

Any help would be greatly, greatly appreciated.

**funkdaddu** · 07-18-2006, 10:56 AM

Like this:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
var baseUrl = "http://www.suzukicycles.com/images/ProductImages/colorVariations/500/";
var myImages = new Array("GSXR600K6_RedBlack_D31F1C.jpg","GSXR600K6_BlackGray_000000.jpg","GSXR600K6_SilverWhite_768594.jpg","GSXR600K6_aWhiteBlue_004C9F.jpg");

function setRandomImage() {
	var r = Math.floor(Math.random()*(myImages.length));
	document.getElementById("GSXR").src = baseUrl + myImages[r];
}

window.onload = setRandomImage;
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<p><img src="" alt="" border="0" id="GSXR" onclick="setRandomImage()"><br>Click image to randomize.</p>
	</body>

</html>

?

**Granwalla** · 07-18-2006, 11:04 AM

That's great and I really appreciate your time.

However, is there a way that it just picks a new image each time a page is visited without having to click on the image itself to change it?

An example of what I mean is at http://www.jordanfashions.com. Each time you refresh the page, there is a new image. I am not a code queen, so when I looked through the source, I couldn't find where it showed the code for it.

**funkdaddu** · 12:38 PM

The script does that:

Code:

 window.onload = setRandomImage;

I just added the click to show the effect. The sample you linked to does it using server-side code like PHP or ASP, not using JS.

**Granwalla** · 07-18-2006, 12:40 PM

Thanks so much!

*added to talkputation*