Programación Web y Scripting > JavaScript

 Cambio De Imagen Cada Cierto Tiempo

(1/1)

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:

Altareum:
es fácil, prueba con esto:

Campo de imágen:

--- Código: Text --- <img src="http://foros.solocodigo.com/html/emoticons/ohmy.gif" id="pic"/>  
Script:

--- Código: Text --- carpeta = 'http://foros.solocodigo.com/html/emoticons/';fotos = ['ohmy.gif','cool.gif'];n = 0;function verImg(){    document.getElementById('pic').src = carpeta+fotos[n];    n++;    if(n>=fotos.length) n=0;} setInterval('verImg()',1000);  
La función setInterval, ejecuta el código puesto en el primer parámetro, cada x milisegundos.

Altareum.

Mollense:

--- 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:
--- Fin de la cita ---
Hola zaida20.

Podrías cambiar la propiedad src de la imagen cada cierto tiempo utilizando setInterval()

Saludos :beer:

Mollense:

--- Cita de: "Altareum" --- es fácil, prueba con esto:

Campo de imágen:

--- Código: Text --- <img src="http://foros.solocodigo.com/html/emoticons/ohmy.gif" id="pic"/>  
Script:

--- Código: Text --- carpeta = 'http://foros.solocodigo.com/html/emoticons/';fotos = ['ohmy.gif','cool.gif'];n = 0;function verImg(){    document.getElementById('pic').src = carpeta+fotos[n];    n++;    if(n>=fotos.length) n=0;} setInterval('verImg()',1000);  
La función setInterval, ejecuta el código puesto en el primer parámetro, cada x milisegundos.

Altareum.
--- Fin de la cita ---
Ups!, problema de concurrencia, la sincronización  :P

zaida20:
Gracias  a los dos!!!!  :hola:

Navegación

[0] Índice de Mensajes