JavaScript Random Image With Link

JavaScript random image and link changes when re-loading web site. Every time visitors came to your site will see a different picture. Each picture has its own link. It can also be used as a random banner ad.

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]

links = new Array
links[1] = "LINK #1"
links[2] = "LINK #2"
links[3] = "LINK #3"
links[4] = "LINK #4"
links[5] = "LINK #5"
var link = links[rand1]
// -- End Hiding Here -->

</script>

Insert this code into <body> tags

<script language="javascript">
<!-- Hide this script from old browsers --
document.write('<A HREF="' + link + '"><IMG SRC="' + image + '" border="0"></a>')
// -- End Hiding Here -->
</script>

Instruction:

Change the following text:

NEW WINDOW TITLE - title of the new image window.
IMAGE #1 - Image URL channels.
LINK #1 - Link URL channels.
var imagenumber = 5 ; - Number of images will be displayed.

Webmaster » Web Programming » JavaScript » Image Effects » Random Image With Link

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links