JavaScript - Problema con codigo javascript

   
Vista:

Problema con codigo javascript

Publicado por Jose (1 intervención) el 24/10/2012 13:55:25
Hola a todos, soy nuevo con el javascript y hay muchas cosas que me faltan por aprender, pero lo voy intentando poco a poco.
La cuestion es que he insertado un codigo javascritp en una web que estoy haciendo, que se encarga de pasar imagenes para hacer un efecto animado.
Lo que pasa es que se salta el primer bucle y se queda en el segundo, y mi intension es que se quede en los dos haciendo su bucle.
No se que es lo que estoy haciendo mal ni si se podria hacer lo que intento.
A continuacion pego el codigo:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<div id="diseño">
    <img id="miImagen" />
              <script type="text/javascript">
    direccion = new Array();
    direccion[0] = "images/boton/boton1.png";
    direccion[1] = "images/boton/boton2.png";
    direccion[2] = "images/boton/boton3.png";
    direccion[3] = "images/boton/boton4.png";
    direccion[4] = "images/boton/boton5.png";
    direccion[5] = "images/boton/boton6.png";
    direccion[6] = "images/boton/boton7.png";
    direccion[7] = "images/boton/boton8.png";
    direccion[8] = "images/boton/boton9.png";
    direccion[9] = "images/boton/boton10.png";
    direccion[10] = "images/boton/boton11.png";
    direccion[11] = "images/boton/boton12.png";
    direccion[12] = "images/boton/boton13.png";
    direccion[13] = "images/boton/boton14.png";
    direccion[14] = "images/boton/boton15.png";
    direccion[15] = "images/boton/boton16.png";
    direccion[16] = "images/boton/boton17.png";
    direccion[17] = "images/boton/boton18.png";
    direccion[18] = "images/boton/boton19.png";
    direccion[19] = "images/boton/boton20.png";
    direccion[20] = "images/boton/boton21.png";
    direccion[21] = "images/boton/boton22.png";
    direccion[22] = "images/boton/boton23.png";
    direccion[23] = "images/boton/boton24.png";
    direccion[24] = "images/boton/boton25.png";
    direccion[25] = "images/boton/boton26.png";
    direccion[26] = "images/boton/boton27.png";
    direccion[27] = "images/boton/boton28.png";
    direccion[28] = "images/boton/boton29.png";
    direccion[29] = "images/boton/boton30.png";
    direccion[30] = "images/boton/boton31.png";
 
    function cambiaIMG1(i){
         if (i == direccion.length)
            i = 0;
         document.getElementById('miImagen').src = direccion[i];
 
         i++;
 
         setTimeout('cambiaIMG1(' + i + ')', 600);
    };
    cambiaIMG1(0);
</script> [/b]
 
</div>
<div id="ilustracion">
    <img id="miilustracion" />
              <script type="text/javascript">
    direccion = new Array();
    direccion[0] = "images/ilustracion/ilustracion2.png";
    direccion[1] = "images/ilustracion/ilustracion3.png";
    direccion[2] = "images/ilustracion/ilustracion4.png";
 
 
    function cambiaIMG2(i){
         if (i == direccion.length)
            i = 0;
         document.getElementById('miilustracion').src = direccion[i];
 
         i++;
 
         setTimeout('cambiaIMG2(' + i + ')', 600);
    };
    cambiaIMG2(0);
</script>
 
</div>



Un saludo y mil gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Problema con codigo javascript

Publicado por xve (1597 intervenciones) el 24/10/2012 14:57:11
Hola Jose, no nos muestras el código entero, pero he hecho una prueba, y me ha funcionado perfectamente...

He cambiado de nombre a la segunda variable, ya que las dos tenían el mismo nombre.

Coméntanos, ok?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<html>
 
<body>
 
<div id='miImagen'>...</div>
<div id='miilustracion'>...</div>
 
<div>
    <script type="text/javascript">
    direccion = new Array();
    direccion[0] = "images/boton/boton1.png";
    direccion[1] = "images/boton/boton2.png";
    direccion[2] = "images/boton/boton3.png";
    direccion[3] = "images/boton/boton4.png";
    direccion[4] = "images/boton/boton5.png";
    direccion[5] = "images/boton/boton6.png";
    direccion[6] = "images/boton/boton7.png";
    direccion[7] = "images/boton/boton8.png";
    direccion[8] = "images/boton/boton9.png";
    direccion[9] = "images/boton/boton10.png";
    direccion[10] = "images/boton/boton11.png";
    direccion[11] = "images/boton/boton12.png";
    direccion[12] = "images/boton/boton13.png";
    direccion[13] = "images/boton/boton14.png";
    direccion[14] = "images/boton/boton15.png";
    direccion[15] = "images/boton/boton16.png";
    direccion[16] = "images/boton/boton17.png";
    direccion[17] = "images/boton/boton18.png";
    direccion[18] = "images/boton/boton19.png";
    direccion[19] = "images/boton/boton20.png";
    direccion[20] = "images/boton/boton21.png";
    direccion[21] = "images/boton/boton22.png";
    direccion[22] = "images/boton/boton23.png";
    direccion[23] = "images/boton/boton24.png";
    direccion[24] = "images/boton/boton25.png";
    direccion[25] = "images/boton/boton26.png";
    direccion[26] = "images/boton/boton27.png";
    direccion[27] = "images/boton/boton28.png";
    direccion[28] = "images/boton/boton29.png";
    direccion[29] = "images/boton/boton30.png";
    direccion[30] = "images/boton/boton31.png";
 
    function cambiaIMG1(i){
         if (i == direccion.length)
            i = 0;
         document.getElementById('miImagen').innerHTML = direccion[i];
 
         i++;
 
         setTimeout('cambiaIMG1(' + i + ')', 600);
    };
    cambiaIMG1(0);
</script>
 
</div>
<div>
    <img id="miilustracion" />
              <script type="text/javascript">
    direccion2 = new Array();
    direccion2[0] = "images/ilustracion/ilustracion2.png";
    direccion2[1] = "images/ilustracion/ilustracion3.png";
    direccion2[2] = "images/ilustracion/ilustracion4.png";
 
 
    function cambiaIMG2(i){
         if (i == direccion2.length)
            i = 0;
         document.getElementById('miilustracion').innerHTML = direccion2[i];
 
         i++;
 
         setTimeout('cambiaIMG2(' + i + ')', 600);
    };
    cambiaIMG2(0);
</script>
 
</div>
 
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar