SK Backend | JavaScript Basics

Source/Downloads

In General: This template demonstrates a simple, millisecond based pseudo-randomizer random() and image rotator function random_image() designed to display a random member from a list of alternative image files.

The randomizer works with lists of images including between 2 and 999 members. It works with multiple images in a single page, and can be configured to support among other things random text and/or a random style applications.

<head>
<script type='text/javascript'>
<!--

// SOURCE LIST
var imagelist = new Array (
    "images/img1.jpg",
    "images/img2.jpg",
    "images/img3.jpg",
    "images/img4.jpg"
    )   

// RANDOMIZE
function Randomize(theLength){
    var seed = new Date();
    return (seed.getMilliseconds() % theLength);
    }

// RETURN RANDOM IMAGE
function Random_Image(theList) {
    var random_image = "<img src=\"";
    random_image += theList[Randomize(theList.length)];
    random_image += "\" />";
    return random_image;
    }
    
-->
</script>
</head>

<body>

<p align=center>
<script type='text/javascript'>
<!--
// PRINT RANDOM IMAGE
document.write(Random_Image(imagelist));
-->
</script>
</p>

</body>