The steps involved in randomly displaying an image from a set are very similar to those used for displaying random text strings.
var img_name = new Array("purple.gif", "red.gif", "blue.gif", "yellow.gif", "green.gif", "pink.gif"); var l = img_name.length; var rnd_no = Math.floor(l*Math.random()); document.r_img.src = img_name[rnd_no]; <img src="purple.gif" width="100" height="50" name="r_img" alt="Random image" />
Note: Array are zero-indexed, so the last element in the array will the length of the array minus 1. However, since we are employing floor() to get an integer, we can use the value from ARRAY_NAME.length directly.
You can also use the id attribute of the image tag instead of name; as:
var img_name = new Array("purple.gif", "red.gif", "blue.gif", "yellow.gif", "green.gif", "pink.gif"); var l = img_name.length; var rnd_no = Math.floor(l*Math.random()); document.getElementById("randomimage").src = img_name[rnd_no]; <img src="purple.gif" width="100" height="50" id="randomimage" alt="Random image" />
A potential use of the random image displaying code is when you want to show a single banner from a set – though I would prefer using server-side scripts like PHP or Perl for this. I have also employed the code to randomly rotate images at a designated place on the web page.
How do I view a deleted web page?
Is there a way to view a deleted web page - one that is no longer available? Yes there is and the solution is quite simple. [more...]
Altair 8800, sold as a build-it-yourself kit, is generally regarded as the device that sparked the microcomputer revolution. Microsoft's Altair BASIC was the first programming language for the machine. [more...]