setTimeout

wigglyUtrera · #1 (**permalink**) 16/02/2007, 05:55

Hola, tengo el siguiente codigo:

Código PHP:

  var fondo = document.getElementById("contenido_cabecera"); 
                fondo.style.backgroundImage = "url('img/prueba/c_01.gif')"; 
                setTimeout(function (){ 
                fondo.style.backgroundImage = "url('img/prueba/c_02.gif')"; 
                },90); 
                setTimeout(function (){ 
                fondo.style.backgroundImage = "url('img/prueba/c_03.gif')"; 
                },190); 
                setTimeout(function (){ 
                fondo.style.backgroundImage = "url('img/prueba/c_04.gif')"; 
                },270); 
                setTimeout(function (){ 
                fondo.style.backgroundImage = "url('img/prueba/c_05.gif')"; 
                },360); 
                setTimeout(function (){ 
                fondo.style.backgroundImage = "url('img/prueba/c_06.gif')"; 
                },450); 
                setTimeout(function (){ 
                fondo.style.backgroundImage = "url('img/prueba/c_07.gif')"; 
                },540); 
                setTimeout(function (){ 
                fondo.style.backgroundImage = "url('img/prueba/c_08.gif')"; 
                },630);

En el servidor web apache me funciona bien, pero al subirlo a un servidor gratuito solo me carga la ultima imagen.

Alguna idea?

Gracias.

JavierB · #2 (**permalink**) 16/02/2007, 06:35

Hola wigglyUtrera

Prueba asignando a variables los distintos temporizadores, a ver si hay suerte:

Código PHP:

  pepe1 = setTimeout(function (){
                fondo.style.backgroundImage = "url('img/prueba/c_02.gif')";
                },90);
pepe2 = setTimeout(function (){
                fondo.style.backgroundImage = "url('img/prueba/c_03.gif')";
                },190);

Saludos,

wigglyUtrera · #3 (**permalink**) 16/02/2007, 07:13

Pues no, sigue igual.

Saludos

rockerox · #4 (**permalink**) 16/02/2007, 08:31

Antes que nada, soy rockerox y este es mi primer post en este foro.
Este codigo te va a servir

Código:

<html>
	<head>
	</head>
	<body>
		<div id="cabecera">&nbsp;</div>
		<script type="text/javascript">
			function cambiarImagen(){
				var Img = new Array('a.gif','b.gif','c.gif');
				cambiarImagen.index = cambiarImagen.index == (Img.length - 1) ? 0 : cambiarImagen.index + 1;
				var c = document.getElementById("cabecera");
				c.style.backgroundImage = "url("+Img[cambiarImagen.index]+")";
			}
			cambiarImagen.index = -1;
			cambiarImagen();
			setInterval(cambiarImagen,1000);
		</script>
	</body>
</html>

wigglyUtrera · #5 (**permalink**) 16/02/2007, 10:08

rockerox esa funcion nunca para de ejecutarse no?

la he probado y no para nunca.

Saludos

rockerox · #6 (**permalink**) 16/02/2007, 11:15

Asi es, pero si quieres detenerlo tendrias que hacer algo asi
id = setInterval(cambiarImagen,1000);
setTimeout("clearInterval("+id+")",5000);
Con esto, solo se ejecutará 5 veces y despues termina.