Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/08/2004, 12:09
ingryd
 
Fecha de Ingreso: febrero-2004
Mensajes: 100
Antigüedad: 21 años
Puntos: 0
cambio imagens automatico

hola , vi en las faq´s un ejemplo de cambio de images y efectivamente lo realiza muy bien, pero las imagenes me las pone del mismo tamaño por lo que se ven muy feas que hice mal

hice la prueba con 3 imagenes


<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript">

//Aquí cambia los nombres de las imágenes por las tuyas.
var imagenes=new Array()

imagenes[0]=new Image (65,95);
imagenes[0].src="imagenes/catedralchica.jpg"
imagenes[1]=new Image (79,113);
imagenes[1].src="imagenes/edi2.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()">
<p><img src="imagenes/calendario.JPG" width="201" height="135" id="foto" style="filter:blendTrans(duration=3)" />
<!-- la duración de la transición es de 3 segundos.
Cambia este valor según tus preferencias -->
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>