Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Problema con codigo javascript

JavaScript - Problema con codigo javascript

Volver
Nuevo Tema
<<>>
 
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
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Problema con codigo javascript

Publicado por xve (2100 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