Secuencia de imagenes

Chuty · #1 (**permalink**) 20/12/2002, 10:15

Buenas a todos, tengo 5 imagenes que quiero que se vallan cambiando cada 10 segundos, como puedo hacer para que cambien automaticamente.
Si hay algun codigo a mano se los agradecere.
Bueno un saludo y felices fiestas para todos

tunait · #2 (**permalink**) 20/12/2002, 10:51

Buenas,

a ver si te sirve esto:

<script language="javascript">
var imagenes=new Array()
imagenes[0]="tibidabo.jpg"
imagenes[1]="gato.jpg"
imagenes[2]="paloma.jpg"
imagenes[3]="perico.jpg"
imagenes[4]="pepe.jpg"
cont=0
function presImagen()
{
document.getElementById('foto').src=imagenes[cont]
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',10000)
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
<img id="foto" src="pepe.jpg">
</body>

Dejame saber si te sirvió

Chuty · #3 (**permalink**) 20/12/2002, 11:01

tunait
no funciona que puede ser??

tunait · #4 (**permalink**) 20/12/2002, 11:05

Supongo que está de más el preguntar si pusiste los nombres de tus imágenes en el lugar de los existentes y que las imágenes se encuentren en el mismo directorio que la página que contiene el script.

Voy a colgartelo en el servidor pa que lo veas onlain.

tunait · #5 (**permalink**) 20/12/2002, 11:08

Ya está.

La diferencia con respecto a lo que te puse dos mensajes más arriba es que este ejemplo es con 4 imágenes en lugar de con 5 y que cambia cada 5 segundos en lugar de cada 10.

Clicticlíc

JavierB · #6 (**permalink**) 20/12/2002, 12:35

Hola.

Sobre la base del código de tunait, se pueden hacer algunos cambios para que se precargen las imágenes y la transición sea más rápida (creo):

Código PHP:

  <html>

<head>

<script language="javascript">

var imagenes=new Array()

imagenes[0]=new Image (380,288);

imagenes[0].src="tibidabo.jpg"

imagenes[1]=new Image (399,291);

imagenes[1].src="gato.jpg"

imagenes[2]=new Image (248,289);

imagenes[2].src="paloma.jpg"

imagenes[3]=new Image (215,366);

imagenes[3].src="alenanene.jpg"

alert(imagenes[3].src);

cont=0

function presImagen()

{

document.getElementById('foto').src=imagenes[cont].src;

if (cont < imagenes.length-1)

{cont ++}

else

{cont=0}

tiempo=window.setTimeout('presImagen()',5000)

}

</script>

</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">

<img id="foto" src="alenanene.jpg">

</body>

</html>

Saludos,

P.D. ¿Eres tu la de la foto, tunait?

tunait · #7 (**permalink**) 20/12/2002, 12:40

Buena mejora

Sip, pero soy la que no lleva bigote

el del bigote es mi hermano.

Había pensado en además al script éste añadirle un efecto de transición y así apañao añadirlo a las FAQ's que creo que ésta no está verdad??

Kaopectate · #8 (**permalink**) 20/12/2002, 12:45

¡Faquealo Tuni!

tunait · #9 (**permalink**) 20/12/2002, 12:58

me pongo en ello

JavierB · #10 (**permalink**) 20/12/2002, 13:48

Cita:

Mensaje Original por tunait
Sip, pero soy la que no lleva bigote