/*
This script allows for any number of images to be rotated at random
with each image having its own list of images to be randomly selected.
One image is selected at random within a certain interval (2-4 seconds
by default). -Steven Chu 1/30/07
-To apply rotating pictures to the page, you will need to tell the
script which ![]()
you would like to rotate and the images.
Below is an example of the code that goes in of page.
It would probably be best to copy the example so nothing is
accidently left out (like the extra init loop after imageElements).
-Include the rotate.js
-Add id attribute to ![]()
tags that you wish to rotate
-Assign each imageElement with corresponding id from ![]()
tag
-Assign images and corresponding alt tags for each ![]()
-Place the line:
before closing tag
------------------------ Begin Code ------------------------
------------------------- End Code -------------------------
*/
// Default values and initialization of arrays
imageElements = new Array();
images = new Array(); // Array of images for each element
alttag = new Array(); // Array of alt tags for corresponding images
lastChanged = 0;
lastImage = new Array();
min = 2; // Default minimum delay
max = 4; // Default maximum delay
src = "";
alt = "";
function cycle() {
// Randomly select image element to change
n = Math.floor(Math.random()*imageElements.length);
// if image is selected twice in a row
if (lastChanged == n)
{
// increment to next image element
if (n == imageElements.length-1) n = 0;
else n++;
}
lastChanged = n;
getImage(n);
imageElements[n].src = src;
imageElements[n].alt = alt;
window.setTimeout('cycle();',delay());
}
function getImage(n) {
m = Math.floor(Math.random()*images[n].length);
if (lastImage[n] == m)
{
// increment to next image element
if (m == images[n].length-1) m = 0;
else m++;
}
lastImage[n] = m;
src = images[n][m];
alt = alttag[n][m] ? alttag[n][m] : "Rotated image";
}
function delay() { return (Math.floor(Math.random()*(max-min))+min)*1000; }