Buenas, estaba intetnando realizar mi primera galeria en javascript y la verdad me da muchos problemas,Principalmente tarda una eternidad en cargar, y el preload images no me funciona, ya que cada vez que aprieto el bton siguiente la foto vuelve a tardar en cargarse. aqui pongo el codigo que utilizo:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Pagina nueva 1</title>
<base target="_self">
<SCRIPT language="JavaScript">
var fuente_imagenes= new Array("../images/fotos/025.jpg","../images/fotos/h01.jpg","../images/fotos/019.jpg","../images/fotos/014.jpg");
var imagenes=new Array();
for (var i=0; i<fuente_imagenes.length; i++)
{
imagenes[i]= new Image();
imagenes[i].src=fuente_imagenes[i];
}
var imagen_actual=0;
function siguiente(imagenes)
{
imagen_actual=imagen_actual+1;
if ( imagen_actual == imagenes.length )
imagen_actual=0;
mostrar_imagen(imagenes);
}
function anterior(imagenes)
{
imagen_actual=imagen_actual-1;
if ( imagen_actual == -1 )
imagen_actual=imagenes.length-1;
mostrar_imagen(imagenes);
}
function mostrar_imagen(imagenes)
{
document.fotogran.src=imagenes[imagen_actual].src;
}
</SCRIPT>
</head>
<body bgcolor="#FEFFE3">
<div align="center">
<center>
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
<td width="100%" height="100%">
<p align="center">
<img border="0" src="../images/fotos/025.jpg" name='fotogran' >
</center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="10%" align="center">
<a href="javascript:anterior(imagenes)"><img border="0" src="../images/botons/enrera.gif" width="25" height="21"></a></td>
<td width="10%" align="center">
</td>
<td width="10%" align="center">
<a href="javascript:siguiente(imagenes)"><img border="0" src="../images/botons/envant.gif" width="25" height="21"></a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<p align="center"> </p>
</body>
</html>
Aqui el enlace a la pagina
http://www.reservarotana.com/espanol/principal.html
Alguien abe donde esta el fallo? o alguien sabe otro codigo??