How do I attach a URL link to Images in a Javascript?

BlackReef · September 13th, 2008, 12:02 AM

Here is the website in question:

http://www.addaxtactical.com

Basically the client now wants me to make the random image script images a link back to the home page. Simple, right? Well I can't quite figure it out since they are javascript. How do I do this?

Thanks

Here is the code:

HTML Code:

<script language="JavaScript">
var theImages = new Array()

theImages[0] = 'adxwide.png'
theImages[1] = 'adxwide1.png'
theImages[2] = 'adxwide2.png'
theImages[3] = 'adxwide3.png'
theImages[4] = 'adxwide4.png'
theImages[5] = 'adxwide5.png'
theImages[6] = 'adxwide6.png'

var j = 0
var p = theImages.length;

var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}

var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
</script>

BonRouge · September 13th, 2008, 09:25 AM

Change this:

Code:

document.write('<img src="'+theImages[whichImage]+'">');

to something like this:

Code:

document.write('<a href="index.htm"><img src="'+theImages[whichImage]+'"></a>');

(Put the image in a link).