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