I have a code that rotate different images and it works fine. The only thing i need to add to it is url link to images so that a user can click on an image. can anyone demonstrate how to modify the code so i can add url to it.

Many thanks in advance


<html>

<head>

<style>

body{
background-repeat: no-repeat;
background-position: 200 100;}

</style>

<script language="JavaScript">
<!--

// (C) 2006 CodeLifter.com

var speed = 3000;
var crossFadeDuration = 10;
var Pic = new Array();

Pic[0] = 'leftpanel.jpg';
Pic[1] = 'beachhol.jpg';
Pic[2] = 'leftpanel.jpg';
Pic[3] = 'umbrella.gif';
Pic[4] = 'woman.gif';

var t;
var j = 0;
var p = Pic.length;

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

function runSlideShow(){

if (document.all){
document.body.style.filter="blendTrans(duration=crossFadeDuration)";
document.body.filters.blendTrans.Apply();
document.body.filters.blendTrans.Play();}

if (document.body){
document.body.background = Pic[j];
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', speed)}

}

//-->
</script>

<title>
CodeLifter.com :: Background Image Slideshow With Crossfade
</title>

</head>

<body onload="runSlideShow()" bgcolor="white">



</body>

</html>