Hola a todos, tengo un pequeño problema con un codigo de javascript. El codigo es el siguiente:
<HTML>
<HEAD>
<script>
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("personaje1.jpg","personaje2.jpg","p ersonaje3.jpg")
</script>
</HEAD>
<BODY bgcolor="#FFFFFF" background="../imagenes/fondoweb03.gif">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="15%" valign="top" align="left">
<p><strong><font
face="Arial"><a href="" onMouseover="changeimage(myimages[0],this.href)"><img border="0" src="dragon01.jpg" width="120" height="120"></a></font></strong></p>
<p><strong><font
face="Arial"><a onMouseover="changeimage(myimages[1],this.href)" href=""><img border="0" src="dragon02.jpg" width="120" height="120"></a></font></strong></p>
<p><strong><font
face="Arial"><a href="" onMouseover="changeimage(myimages[2],this.href)"><img border="0" src="dragon03.jpg" width="120" height="120"></a></font></strong></p>
<p> </p>
<p> </td>
<td width="85%" valign="top" align="left"><p align="left">
<a href="javascript:warp()"><img src="personaje1.jpg" name="targetimage" border=0></a>
</td>
</tr>
</table>
</body>
</html>
lo que pasa con esto es que el raton me deja hacer click sobre cualquiera de las imagenes y me redirecciona al directorio en donde se encuentra. Había pensado en ponerle en donde tengo href="" esto otro href="#" para que no saliera a ningun lado al hacer click al picar en cualquier imagen de dragón e incluso en las imagenes que aparecen al pasar el raton por las otras.