Check it out and if you like the effect, here is the script for you to use!
The script is in TWO parts.
Part 1: To be inserted just below the <body> in your html code
[br]<script language="JavaScript" type="text/javascript">[/br]<!--[br] var ic = 6; // Number of alternative images[/br] var xoxo = new Array(ic); // Array to hold filenames[br] [/br]xoxo[0] = "image1.gif";[br]xoxo[1] = "image2.gif";[/br]xoxo[2] = "image3.gif";[br]xoxo[3] = "image4.gif";[/br]xoxo[4] = "image5.gif";[br]xoxo[5] = "image6.gif";[br][/br]function pickRandom(range) {[/br]if (Math.random)[br]return Math.round(Math.random() * (range-1));[/br]else {[br]var now = new Date();[/br]return (now.getTime() / 1000) % range;[br]}[/br]}[br]// Write out an IMG tag, using a randomly-chosen image name.[/br]var choice = pickRandom(ic);[br]// -->[/br]</script>
Please take note: You can use as many images as you want, but please tell the script how many you are going to use (in line 3) and the names of images in the list. Names can be anything. If they are in a separate folder, then name the image folder/image1.gif in the list, where folder is the name of the folder!
Part 2:Insert this where you want the images to appear.
<script LANGUAGE="JavaScript">document.writeln('<TD'+'><IMG SRC="'+xoxo[choice]+'" HEIGHT=150 WIDTH=400 BORDER=0 ><'+'/TD>');</SCRIPT>
Change the dimensions to suit your images...
It is better aesthetically if all the images are of the same size. Otherwise resizing will take place and they may look awkward!
Hope this helps...
This is exactly what I have used in my site!
Googlue!














