Foros del Web » Programando para Internet » Javascript »

cambio imagens automatico

Estas en el tema de cambio imagens automatico en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/08/2004, 12:09
 
Fecha de Ingreso: febrero-2004
Mensajes: 100
Antigüedad: 20 años, 2 meses
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>
  #2 (permalink)  
Antiguo 20/08/2004, 12:38
Avatar de Carlitos
Usuario no validado
 
Fecha de Ingreso: mayo-2001
Ubicación: Zaragoza
Mensajes: 1.304
Antigüedad: 23 años
Puntos: 25
Hola.

Quita los valores de width y de height de esta línea:
Código:
<p><img src="imagenes/calendario.JPG" width="201" height="135" id="foto" style="filter:blendTrans(duration=3)" />
que te quede así:
Código:
<p><img src="imagenes/calendario.JPG" id="foto" style="filter:blendTrans(duration=3)" />
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:29.