Cambiar imágenes continuamente

fcosun · #1 (**permalink**) 16/04/2012, 15:07

Tengo este código, pero no resulta por favor, que esta mal.

las imágenes no aparecen.

Código Javascript:

Ver original<html>
<head>
<title>Test1</title>
<script language = "javascript">
 
var imagenes = ["imagen1.png", "imagen2.png", "imagen3.png", "imagen4.png"];
var indice = 0;
 
function cambiar() {
    document.getElementById("imagen").src = imagenes[indice++ % imagenes.length];
}
 
setInterval("cambiar()", 1000)
 
 
</script>
</head>
<body>
 
<img src="imagen"  id="imagen/>
 
 
</body>
</html>

maycolalvarez · #2 (**permalink**) 16/04/2012, 17:15

lo que no entiendo es la operación con el residuo (modulo) %, realiza una corrida en frío para que verifiques que te devuelve y si coincide con los índices del array

pistonasos · #3 (**permalink**) 16/04/2012, 17:25

Porqué el índice de la imagen que querés mostrar es el resto del valor de indice por la longitud del array?
Eso, dependiendo de la longitud del array y del valor del índice casi siempre te va a dar números flotantes, a lo que el intérprete te lo toma como un entero (creo) ya que imagenes[0.2] no existe o capaz que el interprete sí asepta tu número como flotante, pero ya que imagenes[0.2] no existe es undefined por lo que quedaría <img src="undefined" />.
A mi parecer conque pongas indice++ basta y luego un if para comprobar si el conteo llegó al final y así empezar a contar nuevamente. Claro, eso en caso de que quieras que sea un rollover de imágenes infinito, que es lo que presupongo al ver el setInterval.
Prová así haber que te parece:

Código Javascript:

Ver original/...
function cambiar() {
    document.getElementById("imagen").src = imagenes[indice++];
    if(indice==imagenes.length)
   {
       indice=0
   }     
 
}
/...

maycolalvarez · #4 (**permalink**) 16/04/2012, 17:43

@pistonasos +1

aunque la idea es que el usuario se diera cuenta

IsaBelM · #5 (**permalink**) 16/04/2012, 17:54

en realidad el operador modulo no es el problema, de hecho es una buena manera de hacerlo. el problema está aquí

Cita:

furoya · #6 (**permalink**) 16/04/2012, 18:58

Es cierto, es muy ingenioso. Nunca se me había ocurrido.

Y también es cierto que hay que ayudar a que quién hizo la pregunta se dé cuenta solo :
Mal pistonasos

¡Y peor IsaBelM!

Ah!, antes de que se me pase, por favor pistonasos, si no vas a agarrar un mataburros, por lo menos activa el corrector ortográfico. Cuando vi ese "Porqué" casi mastico el teclado. Y no me vengas conque la falta de espacio fue un error de tipeo, porque con el resto no tienes excusa.

Lo del libro de matemáticas lo hablamos otro día.

Saludos
furoya

IsaBelM · #7 (**permalink**) 17/04/2012, 04:39

Cita:

Iniciado por furoya

¡Y peor IsaBelM!

el caso es que leí el tema y lo dejé pasar. pero cuando se comentó que el problema podía estar en el uso del operador modulo, me vi "obligada" a marcar cual era el problema. de lo contrario hubiese quedado algo floja la respuesta si hubiese sido

Cita:

Iniciado por IsaBelM

en realidad el operador modulo no es el problema, de hecho es una buena manera de hacerlo

un saludo

furoya · #8 (**permalink**) 17/04/2012, 10:40

Pero sí, seguro. Hago estos comentarios porque descubrí que te molesta que te discutan, y soy una porquería de persona. Nada más.

Y lo del operador, lo pensé un poco y tiene toda la lógica. Yo lo hubiese empezado en

Código:

var indice = imagenes.length;

o mejor

Código:

var indice = imagenes.length - 1;

para que arrancara de 0, pero si al hacer su división este módulo se detiene en el cociente entero —cualquier valor hasta el decimal— entonces la variable dividendo puede ser menor que el divisor, porque el resultado siempre va a ser 0 y el producto de este 0 con el divisor va a dar 0, y la operación para hallar el resto será "dividendo - 0", así que el módulo nos va a devolver siempre el mismo valor del dividendo.
Para valores igual o mayores que el divisor, ya el funcionamiento es evidente.

Algo como esto es lo que se ve en la explicación que está más arriba, Tu confusión, pistonasos, estuvo entre cociente y resto. El % devuelve restos ... que nunca pueden tener decimales, como los cocientes.

IsaBelM · #9 (**permalink**) 17/04/2012, 13:56

Cita:

Iniciado por furoya

Pero sí, seguro. Hago estos comentarios porque descubrí que te molesta que te discutan, y soy una porquería de persona. Nada más.

no, hombre!!. no eres una porquería de persona, sólo un poco difícil de llevar. pero todo es acostumbrarse a ello o ignorarte, ya veré que es lo menos costoso

pistonasos · #10 (**permalink**) 17/04/2012, 22:11

Me van a tener que tener paciencia...Soy medio bobo para darme cuenta si una pregunta la tengo que responder directamente o no. Respecto a lo del libro de matemáticas...Sigo sin entender la ecuación. Pero bueno, será cosa de releer y probar.Ja

furoya · #11 (**permalink**) 17/04/2012, 22:41

En cuanto pruebes ¡con lápiz y papel! la vas a entender. Sólo ten encuenta que JS para encontrar el resto de una división usa nada más que la parte entera del resultado. Así que de 1 / 4 = 0.25 va a tomar el 0.

El tema del libro de matemática es porque te cofundiste "cociente" (que sí puede tener decimales) con "resto" (que siempre será un entero, o un 0), y basaste tu explicación en ese yerro.
Nos pasa a todos cuando nos atropellamos a postear primero. Y después siempre cae alguien a corregirnos.

Lo que sí, por favor, si vas a releer algo, acuérdate del mataburros ...
Yo todavía hago bromas, pero un día te vas a cruzar a alguno con un ataque de hígado y te va a destrozar.