View Full Version : Rotating a photo with each reload

09-27-2005, 04:07 AM
I am trying to set up a web page that will load a different photo into the same space with each reload. This will show a different look each time a visitor goes to the site.
Help! I have seen the code before, but naturally, when I need it....can't find it.

Thanks for your help!!

09-27-2005, 05:21 AM
a) Best done on the server side so that users with JS disabled can enjoy that functionality.
b) STFW (or to put it mildly GIYF)
c) I feel altruistic today :thumbsup:

<script type="text/javascript">
photos = ['photo1.jpg','photo2.jpg','photo3.jpg'];
function replacePhoto()
{ document.getElementById('randomImage').src = photos[Math.floor(.99*Math.random()*photos.length)];
<body onload="replacePhoto()">
<img id="randomImage" alt="My image" src="photo0.jpg" />

10-01-2005, 06:25 AM