problema galeria javascript

[Juny18]

hola a todos, ahora se me presenta otro problema

resulta qeu tengo 2 galerias javascript en una web, cuando las veo en modo local funcionan perfectamente, pero cuando las subo al hosting, una de las 2 no funciona.

os pongo el codigo de la que no funciona

Código:

<script language="javascript">
//Array que recoge las imagenes
 // la ruta a todas las imágenes de nuestro album  
 var misImagenes= new Array(14)  
   misImagenes [0]="imagenes/fotos 2009/1.jpg";
   misImagenes [1]="imagenes/fotos 2009/2.jpg";
   misImagenes [2]="imagenes/fotos 2009/3.jpg";
   misImagenes [3]="imagenes/fotos 2009/4.jpg";
   misImagenes [4]="imagenes/fotos 2009/5.jpg";
   misImagenes [5]="imagenes/fotos 2009/6.jpg";
   misImagenes [6]="imagenes/fotos 2009/7.jpg";
   misImagenes [7]="imagenes/fotos 2009/8.jpg";
   misImagenes [8]="imagenes/fotos 2009/9.jpg";
   misImagenes [9]="imagenes/fotos 2009/10.jpg";
  misImagenes [10]="imagenes/fotos 2009/11.jpg";
  misImagenes [11]="imagenes/fotos 2009/12.jpg";
  misImagenes [12]="imagenes/fotos 2009/13.jpg";
  misImagenes [13]="imagenes/fotos 2009/14.jpg";
  misImagenes [14]="imagenes/fotos 2009/15.jpg";
     
 var i = 0;  

//carga de la primera imagen  
 function cargarImagen(){  
  document.imgSrc.src = misImagenes[i] ;  
    }  
 //cambiar atras
 
 function anterior(){  
   if(i<1){  
     var NumImagen = i  
   } else {  
     var NumImagen = i-=1;  
   }  
   document.imgSrc.src = misImagenes[NumImagen];  
 }  
 
 //cambiar siguiente
 function siguiente(){  
   if(i>13){  
     var NumImagen = i  
   } else {  
     var NumImagen = i+=1;  
   }  
   document.imgSrc.src = misImagenes[NumImagen];  
 }  
 //Llamar a la función  
 window.onload=cargarImagen;
function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
</script>

aqui pongo el html

Código:

<div style="width:400px; height:300px; margin: auto;"><img alt="Imagenes de la galeria" name="imgSrc" width="401" height="300" id="imgSrc">  
 </div> 

<table width="400" border="0" cellpadding="0" cellspacing="0" style="background:#ccc; width:400px; margin: auto;">  
         <tr>  
		     <td align="center"><a href="#quieto" onClick="anterior();"> < Anterior</a></td> 
		     <td align="center"><a href="#quieto" onClick="siguiente();">Siguiente > </a></td>  
         </tr>  
</table>

la organizacion de las carpetas es así: imagenes/fotos 2009/1.jpg y asi sucesivamente. online solo me funciona la galeria del 2008 que es practicamente así su organizacion: imagenes/fotos 2008/1.jpg .....

Espero que me entendais, XD, gracias de antemano

[lordglazoon]

Porq tienes declarado un array de 14 si tienes 15 elementos

[Juny18]

la galeria funciona ya perfectamente, fue un error mio al poner las extensiones de los archivos. en el codigo javascript las extensiones de las imagenes estaban en minuscula y en las imagenes en sí estaban en mayuscula, asi que lo que he hecho a sido cambiar esta extension a minuscula (pa no tocar el javascript).Quizás los navegadores no sean case sentitive y tengan problema con ello, pero ya ta resuelto

lordglazoon en cuanto a tu respuesta, esta creado con 14 elementos por que como se empieza desde la posicion 0 no necesito darle de tamaño de 15 al array, es decir, se empieza a contar desde la posicion 0.

Ahora quiero solucionar otro problema, en el codigo html vale, cuando pulsas "anterior" y "siguiente" como tiene puesto de enlace un "#" la web se me sube hacía arriba, y como "solucion"(llamemosla así) he puesto un ancla llamada quieto. Pero eso queda muy cutre, por que ahora se nota menos pero tambien la web se desplaza hasta el ancla la primera vez que apretas el enlace de "anterior" ó "siguiente".

¿Como podría solucionar esto? Gracias de antemano