Como puedo hacer que estas imágenes sean links

[harry__]

tengo el siguiente código y me gustaría modificarlo para que las imágenes funcionen como links. Muchas gracias!

<script language="JavaScript1.2">

//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var slideshow_width='900px' //SET IMAGE WIDTH
var slideshow_height='400px' //SET IMAGE HEIGHT
var pause=6000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="http://dl.dropbox.com/u/21014392/rotador/IBM_notebook%20copia.gif"
fadeimages[1]="http://dl.dropbox.com/u/21014392/rotador/coolfeetslide8dh1%20copia.gif"
//fadeimages[2]="http://www.fourthelement.com/images/halo/halo-content-top.jpg"

////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+' ;height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';top:0;left:0;filter:a lpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';top:0;left:0;filter:a lpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script>

[Andres1433]

por lo que he visto (he leido el codigo muy por arriba), deberias agregarle un tag anchor a tus imagenes al cargarlas , lo que no entiendo del todo es porq tu preloadedimages (que es tu array donde guardas las imagenes para que se precarguen) luego no lo utilizas, sea como sea si tuvieras un div "galeria" el codigo seria algo asi como:

galeria=document.getElementById("Galeria");
a=document.createElement("A");
a.setAttribute('href', 'URL');
a.appenChild(ImagenQueQuieresLinkear);
galeria.AppendChild(a);

otra forma es asignarle a tu imagen un evento onclick y que ese elemento llame a una funcion js que haga un redireccionamiento a la direccion que quieras

imagenQueQuieresLinkear.onClick=function(){
location.href(direccion); //si no recuerdo mal
};

[harry__]

No logro ponerle los links, mis conocimientos en javascript son nulos. Gracias igualmente!