Melissa Nava - JavaScript - JavaScript Random Images

This peice of code I have found useful for adding to websites that want a banner or images rotated. This script has the added functionality that different images can link to different websites or pages, so if you want your site to appear like it has a little bit of functionality, and would like to do it with a random image, then you can use this script.

On page load, this script chooses a random image and then it uses that image on the page. The image won't rotate or anything, it will just make it look like your website has changed a little bit more often as the experience can be a little more unique this way.

This code is really easy to use. All you have to do is paste the code anywhere on a page where you want to use it and then customize the image names and the links.

If you like these code samples, please link back to here!

<!--
/*
Instructions:

Define images under imagelist functions. ie: 
imagelist[1]="image1.gif"

Define links that correspond with images. ie: linksforimages[1]="http://www.melissanava.com"

If you want to add or modify the HTML output, you do that on the document.write(...) line.

function random_images(){

// defines the images that are going to be used in the 
// random image script
  
var imagelist=new Array()
  imagelist[1]="image1.gif"
  imagelist[2]="image2.gif"
  imagelist[3]="image3.gif"

// defines the links for the corresponding images above... 
// imagelist[1] corresponds with linksforimages[1]
//This next section tells the images where it should link to.
 
var linksforimages=new Array()
  linksforimages[1]="http://www.melissanava.com"
  linksforimages[2]="http://www.melissanava.com"
  linksforimages[3]="http://www.melissanava.com"

//math formula to call random image

var i=Math.floor(Math.random()*imagelist.length)

if (i==0)
     i=1
     
//script defining HTML to write

document.write('<a href='+'"'+linksforimages[i]+'"'+'><img src="'+imagelist[i]+'" border=1></a>')
}

random_images()

//-->

</script>

Go back to JavaScript Code Samples List

© 2000 - 2007 Melissa Nava Hosted by CrystalTech

© 2000 - 2007 Melissa Nava
Hosted by CrystalTech