SoloCodigo

Programación Web y Scripting => JavaScript => Mensaje iniciado por: zaida20 en Lunes 1 de Octubre de 2007, 19:07

Título: Cambio De Imagen Cada Cierto Tiempo
Publicado por: zaida20 en Lunes 1 de Octubre de 2007, 19:07
Hola de nuevo:

Necesito que alguien me ayude con una función, os explico:

Tengo dos imágenes y quiero que cada 30 segundos me aparezca una de las dos. He estado mirando en el foro y no he encontrado nada con lo que me aclare.¿Podeis ayudarme?

Saludos y muchas gracias :hola:
Título: Re: Cambio De Imagen Cada Cierto Tiempo
Publicado por: Altareum en Lunes 1 de Octubre de 2007, 19:43
es fácil, prueba con esto:

Campo de imágen:
Código: Text
  1.  
  2. <img src="http://foros.solocodigo.com/html/emoticons/ohmy.gif" id="pic"/>
  3.  
  4.  

Script:
Código: Text
  1.  
  2. carpeta = 'http://foros.solocodigo.com/html/emoticons/';
  3. fotos = ['ohmy.gif','cool.gif'];
  4. n = 0;
  5. function verImg(){
  6.     document.getElementById('pic').src = carpeta+fotos[n];
  7.     n++;
  8.     if(n>=fotos.length) n=0;
  9. }
  10.  
  11. setInterval('verImg()',1000);
  12.  
  13.  

La función setInterval, ejecuta el código puesto en el primer parámetro, cada x milisegundos.

Altareum.
Título: Re: Cambio De Imagen Cada Cierto Tiempo
Publicado por: Mollense en Lunes 1 de Octubre de 2007, 20:08
Cita de: "zaida20"
Hola de nuevo:

Necesito que alguien me ayude con una función, os explico:

Tengo dos imágenes y quiero que cada 30 segundos me aparezca una de las dos. He estado mirando en el foro y no he encontrado nada con lo que me aclare.¿Podeis ayudarme?

Saludos y muchas gracias :hola:
Hola zaida20.

Podrías cambiar la propiedad src de la imagen cada cierto tiempo utilizando setInterval() (http://javascript.espaciolatino.com/dhtml/window/mets/setinterval.htm)

Saludos :beer:
Título: Re: Cambio De Imagen Cada Cierto Tiempo
Publicado por: Mollense en Lunes 1 de Octubre de 2007, 20:11
Cita de: "Altareum"
es fácil, prueba con esto:

Campo de imágen:
Código: Text
  1.  
  2. <img src="http://foros.solocodigo.com/html/emoticons/ohmy.gif" id="pic"/>
  3.  
  4.  

Script:
Código: Text
  1.  
  2. carpeta = 'http://foros.solocodigo.com/html/emoticons/';
  3. fotos = ['ohmy.gif','cool.gif'];
  4. n = 0;
  5. function verImg(){
  6.     document.getElementById('pic').src = carpeta+fotos[n];
  7.     n++;
  8.     if(n>=fotos.length) n=0;
  9. }
  10.  
  11. setInterval('verImg()',1000);
  12.  
  13.  

La función setInterval, ejecuta el código puesto en el primer parámetro, cada x milisegundos.

Altareum.
Ups!, problema de concurrencia, la sincronización  :P
Título: Re: Cambio De Imagen Cada Cierto Tiempo
Publicado por: zaida20 en Martes 2 de Octubre de 2007, 13:17
Gracias  a los dos!!!!  :hola: