He leído vuestro tutorial, que podemos utilizar para que las imagenes cambien por sí cada x segundos y me va genial. Pongo el código. Pero quisiera saber cómo hacerlo y qué cambiar para que sean <table> y no sólo imagenes lo que puedan cambiar cada x segundos... es que soy un poco novato con el javascript.
El código del tutorial es:
Código:
Por poner algún ejemplo, el de la cabecera de esta web: http://www.centroapuesta.com/ que lo he visto navegando. Las 5 imágenes más explicación cambian cada x segundos.<script language="javascript">
//Aquí cambia los nombres de las imágenes por las tuyas.
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="perico.jpg"
cont=0
function presImagen()
{
if (document.all){
document.getElementById('foto').filters.blendTrans.apply()
document.getElementById('foto').src=imagenes[cont].src
document.getElementById('foto').filters.blendTrans.play()
}
else
{
document.images.foto.src = imagenes[cont].src
}
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',5000)
//cada 5000 milisegundos (5 seg.) cambia la imagen.
//cambia la cantidad por el tiempo que quieras que transcurra entre imagen e imagen
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
<img id="foto" src="tibidabo.jpg" style="filter:blendTrans(duration=3)">
<!-- la duración de la transición es de 3 segundos.
Cambia este valor según tus preferencias -->
</body>
Gracias de antemano compañeros.
