Foros del Web » Programando para Internet » Javascript »

cambio de imagenes por tiempo

Estas en el tema de cambio de imagenes por tiempo en el foro de Javascript en Foros del Web. hola que tal espero me ayuden un poco estoy realizando un conjunto de imagenes que quiero que cambien a cierto por ejemplo que cuandopase un ...
  #1 (permalink)  
Antiguo 22/01/2009, 11:12
 
Fecha de Ingreso: junio-2008
Mensajes: 47
Antigüedad: 15 años, 10 meses
Puntos: 0
cambio de imagenes por tiempo

hola que tal espero me ayuden un poco estoy realizando un conjunto de imagenes que quiero que cambien a cierto por ejemplo que cuandopase un segundo se cambie la imagen de uno por otra y cuando pasen 2 segundos cambie la imagen de dos por otra y la de uno vuelva a estar como antes y cuando este en el segundo 3 se cambie la imagen tres y se queden las otras dos en su estado natural y se repita este ciclo continuamente pero ya me hice bolas y quiero ver si me pueden ayudar soy un poco malo para las matematicas es es el codigo


Código:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
</head>

<body>

<script language="JavaScript"> 

var estado=true; 
var intervalo1=3000; 

var tiempo1=1000+intervalo1; 
setTimeout("cambio()",tiempo1); 



function cambio() 
{ 
estado=!estado; 
if(estado==true) 
img.src="uno.jpg" 
else 
img.src="uno2.jpg" 
setTimeout("cambio()",1000); 


} 

var estado2=true; 
var intervalo2=4000; 

var tiempo2=2000+intervalo2;

setTimeout("cambio2()",tiempo2); 

function cambio2() 
{ 
estado2=!estado2; 
if(estado2==true) 
img0.src="dos.jpg" 
else 
img0.src="dos2.jpg" 
setTimeout("cambio2()",1000); 
} 

var estado3=true; 
var intervalo3=5000; 

var tiempo3=3000+intervalo3; 
setTimeout("cambio3()",tiempo3); 

function cambio3() 
{ 
estado3=!estado3; 
if(estado3==true) 
img1.src="tres.jpg" 
else 
img1.src="tres2.jpg" 
setTimeout("cambio3()",1000); 

} 
</script> 
<img name="img" src="uno.jpg"> 
<img name="img0" src="dos.jpg"> 
<img name="img1" src="tres.jpg"> 
</body>

</html>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:20.