Mostrar tabla

Florcita
18 de Diciembre del 2003
Hola tengo un problena, tengo una tabla de fotos y quiero que la pagina vaya rotando esas imagenes cada tanto.
En si cuando se carga esta la foto1 en la pos 1 y la foto2 en la pos 2...y demas pero lo que quiero hacer es que cada tantos segundos esas fotos como que se vayan rotando, que la que esta en la pos 1 pase a la ultima pos, la segunda a la pos 1 y demas.
Espero me puedan ayudar.
Gracias
flor

pajaronico
18 de Diciembre del 2003
lo que haria seria hacer un iframe de una pagina que tiene en el evento onload la sentencioa settimeout, y hacer una var list de distintas fotos, y que en onload elija una foto aleatoria ojala te sirva

Oscar
18 de Diciembre del 2003
Deberias hacer una precarga de las imagenes del tipo

var img1 = new Image();
img1.src="tufoto.jpg";
var img2 = new Image();
img2.src="tufoto2.jpg";

Luego en tu html defines dos imagenes donde sea
<img id="foto1" name="foto2">
<img id="foto2" name="foto2">

Y una funcion que las rote cada cierto tiempo
var bol_fot=0;
var temp;
function rotar()
{
if(bol_foto1==0)
{
document.all.foto1.src=img1.src;
document.all.foto2.src=img2.src;
bol_fot=1;
}
else
{
document.all.foto1.src=img2.src;
document.all.foto2.src=img1.src;
bol_fot=0;
}

temp = setTimeout("rotar()",1000);
}

Algo asi deberia de funcionar
Un saludo

rsalvadores
18 de Diciembre del 2003
Esto funciona, pero es un poco patatero, se puede hacer bastante mas elegante.

Necesitas tener las imagenes con los nombres 1.jpg, 2.jpg etc en el mismo directorio que este código.

Pruebalo, si vale bien, si no dilo que si hay tiempo se intenta poner un poco mas bonito.

<html>
<head>
<title>Rotar images</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
var a=0
var b=1
var c=2
var d=3
var e=4
imgArray=[
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg"
]
function NewImages(){
setInterval(rotar,1000) //1000 tiempo en milisegundos
}
function rotar(){
a++
if (a==5) a=0
document.images['img1'].src=imgArray[a]
b++
if (b==5) b=0
document.images['img2'].src=imgArray[b]
c++
if (c==5) c=0
document.images['img3'].src=imgArray[c]
d++
if (d==5) d=0
document.images['img4'].src=imgArray[d]
e++
if (e==5) e=0
document.images['img5'].src=imgArray[e]
}
</SCRIPT>

<body bgcolor="#FFFFFF" text="#000000" onLoad="NewImages()">
<table width="472" border="1" height="142">
<tr>
<td><img name="img1"></td>
<td><img name="img2"></td>
<td><img name="img3"></td>
<td><img name="img4"></td>
<td><img name="img5"></td>
</tr>
</table>
</body>
</html>