variar imagenes en tiempo

ireferpesa · #1 (**permalink**) 09/07/2008, 04:38

Hola:
Soy primeriza total, asi que no os de miedo hablarme como si fuera idiota.
A ver encontre este codigo por ahi

<th width="687" bordercolor="#FFFFFF" scope="col"> 

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

</th>

Las fotos puse yo unas cualquiera de internet, aunque si se pudieran poner direcciones relativas lo preferiria.
pero a mi no me funciona. Solo quiero que teniendo tres imagenes(o las que sean) se me vayan cargando cada x tiempo.
Vi un mensaje de caricatos de carga de imagenes al azar, pero a parte de solo funcionarme con el explorer, no era exactamente lo que queria.

Si alguno podeis ayudarme os lo agradeceria.

caricatos · #2 (**permalink**) 09/07/2008, 09:51

Cita:

Iniciado por ireferpesa

Hola:
Soy primeriza total, asi que no os de miedo hablarme como si fuera idiota...

¡Je, je!, todos hemos sido primerizos alguna vez... y eso de hablar como si se tratara de idiotas, en ocasiones puntuales uno puede tentarse, pero también recuerda cuando era novato...

Cita:

Iniciado por ireferpesa

...
Vi un mensaje de caricatos de carga de imagenes al azar, pero a parte de solo funcionarme con el explorer, no era exactamente lo que queria.

La verdad es que procuro que mis códigos funcionen en todos los navegadores (de hecho cuando subo alguna página suelen verse igual en los cuatro navegadores que uso)...

Si lo que quieres es que una imagen vaya cambiando cada cierto tiempo, no tienes más que usar un temporizador y un array... voy a hacer unas pruebas, y si no se me adelanta nadie, vuelvo en un rato.

Saludos

caricatos · #3 (**permalink**) 09/07/2008, 10:22

Hola:

Creo que no he tardado mucho, aunque no estoy seguro de que sea lo que quieres...

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
	http://www.caricatos.net/probador
</title>
<script>
function tag(id) {return document.getElementById(id);}
var imagenes = ["../dibujos/cpu.png", "../dibujos/tintero.gif", "../dibujos/destripar.gif"];
var actual = 0;
function cambiar()	{
do
nuevo = Math.floor(Math.random() * imagenes.length)
while (nuevo == actual);
actual = nuevo;
tag("imagen").src = imagenes[actual];
}
window.onload = function() {setInterval("cambiar()", 5000)}
</script>
</head>
<body>
<img src="../dibujos/cpu.png" id="imagen" />
</body>
</html>

Puedes pegar el código en el Probador de scripts para ver el resultado... el número de imágenes puede ser cualquiera.

Saludos

buzu · #4 (**permalink**) 09/07/2008, 14:45

Muy bueno ese probador Caricatos.

ireferpesa · #5 (**permalink**) 14/07/2008, 09:56

perdonad la tardanza, muchas gracias caricatos, era justo lo que necesitaba, eres un crack