Buenas:
Tengo una página con una imagen y quiero que esa foto cambie cada pocos segundos, pero no quiero recargar la página entera.
¿Cómo puedo hacerlo? Debería funcionar en Netscape también...
Muchas gracias
11/03/2004, 06:00
| |||
| |||
| Recarga de imágenes Buenas: Tengo una página con una imagen y quiero que esa foto cambie cada pocos segundos, pero no quiero recargar la página entera. ¿Cómo puedo hacerlo? Debería funcionar en Netscape también... Muchas gracias
__________________ Un saludo, y gracias de antemano. Iker M. |
|
11/03/2004, 09:44
| |||
| |||
| hola... a ver si te sirve... Pon esto en el <head>:
Código:
Modifica el nombre de las imágenes y su tamaño. El tiempo=window.setTimeout('presImagen()',10000) está en milisegundos, es decir 10000=10 segundos.<script language="javascript">
var imagenes=new Array()
imagenes[0]=new Image (208,93);
imagenes[0].src="images/publicidad/informatico.gif"
imagenes[1]=new Image (235,95);
imagenes[1].src="images/publicidad/reformas_contrucciones.gif"
imagenes[2]=new Image (250,111);
imagenes[2].src="images/publicidad/lloguer_vehicles_a_empresses.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()',10000)
}
</script>
Y luego pega esto en el <body> donde quieras que se vean las imágenes:
Código:
Lo de style="filter:blendTrans(duration=3)" es el difuminado a la hora de cambiar la imagen.<img id="foto" src="images/publicidad/informatico.gif" style="filter:blendTrans(duration=3)"> Espero haberte ayudado. Hasta Luego! |
