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




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


<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){

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



CodeLifter.com :: Background Image Slideshow With Crossfade


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