JavaScript Random Image Script

This image Javascript will change the image randomly when the website is reloaded. It will shows different image to your visitors every time they visit your site.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="JavaScript">
<!-- Hide from old browsers


var imagenumber = 5 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "IMAGE #1"
images[2] = "IMAGE #2"
images[3] = "IMAGE #3"
images[4] = "IMAGE #4"
images[5] = "IMAGE #5"
var image = images[rand1]
// -- End Hiding Here -->
</script>

Insert this code into <body> tags

<script language="JavaScript">
<!-- Hide this script from old browsers --
document.write('<IMG SRC="' + image + '">')
// -- End Hiding Here -->
</script>

Instruction:

Change the following text:

Modify the "IMAGE #1,2,3..." to image url.

Webmaster » Web Programming » JavaScript » Image Effects » Random Image Script

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links