Alguien me podri decir a donde va la ruta. por ejemplo para mi la ruta de cada imagen iria aqui:
10. misImagenes [0]= "001.jpg"; pero cuando le añado todas las rutas no me aparecen las imagenes.
El codigo es el siguiente:
01.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02.<html xmlns="http://www.w3.org/1999/xhtml">
03.<head>
04.<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
05.<title>Parents Galler</title>
06.<script language="javascript">
07.//Array en la que debemos incluir
08.// la ruta a todas las imágenes de nuestro album
09.var misImagenes= new Array(3)
10. misImagenes [0]= "001.jpg";
11. misImagenes [1]= "002.jpg";
12. misImagenes [2]= "003.jpg";
13. misImagenes [3]= "004.jpg";
14.var i = 0;
15.//funcion de carga de la primera imagen
16.function cargarImagen(){
17. document.imgSrc.src = misImagenes[i] ;
18.}
19.function anterior(){
20. if(i<1){
21. var NumImagen = i
22. } else {
23. var NumImagen = i-=1;
24. }
25. document.imgSrc.src = misImagenes[NumImagen];
26.}
27.function siguiente(){
28. if(i>2){
29. var NumImagen = i
30. } else {
31. var NumImagen = i+=1;
32. }
33. document.imgSrc.src = misImagenes[NumImagen];
34.}
35.//Llamar a la función
36.window.onload=cargarImagen;
37.</script>
38.<style type="text/css">
39.body {
40. margin-top:40px;
41.}
42.td a {
43. font:9px Verdana, Arial, Helvetica, "sans-serif";
44. color:#FFFFFF;
45. text-decoration:none;
46.</style>
47.</head>
48.<body>
49.<div style="width:400px; height:300px; margin: auto;">
50.<img name="imgSrc" id="imgSrc" alt="ImÁgenes de la galeria">
51.</div>
52.<table width="400" border="0" cellspacing="0" cellpadding="0" style="background:#666; width:400px; margin: auto;">
53. <tr>
54. <td align="center"><a href="#" onClick="anterior();"> < Anterior</a></td>
55. <td align="center"><a href="#" onClick="siguiente();">Siguiente > </a></td>
56. </tr>
57.</table>
58.</body>
59.</html>
Gracias por la ayuda que me puedan ofrecer.