JavaScript - diapositivas con transicion

diapositivas con transicion

Publicado por Fernando (4 intervenciones) el 22/03/2005 23:43:15

Hola, soy nuevo en el foro y me gustaría saber como puedo presentar en mi web un efecto de varias diapositivas pero que cambie de una a la otra a través de algún efecto de transición.

Sigo buscando por el foro por si hubiera algo relacionado con esto

Gracias

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

RE:diapositivas con transicion (1)

Publicado por Daniel (99 intervenciones) el 23/03/2005 11:58:33

Esto lo deberás poner en el <head>
<SCRIPT>
// (C) 2000 www.CodeLifter.com http://www.codelifter.com
var slideShowSpeed = 10000
var crossFadeDuration = 5
var Pic = new Array()

Pic[0] = 'image1.jpg'
Pic[1] = 'image2.jpg'
Pic[2] = 'image3.jpg'
Pic[3] = 'image4.jpg'
Pic[4] = 'image5.jpg'

var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

RE:diapositivas con transicion (2)

Publicado por Daniel (99 intervenciones) el 23/03/2005 11:59:02

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</SCRIPT>
y lo siguiente en el <body>, donde quieras que aparezcan las fotos
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD id=VU width=128 height=128><IMG style="FILTER: blendTrans(duration=crossFadeDuration)" height=140 alt="Tu texto aquí" src="image1.jpg" width=200 name=SlideShow></TD></TR></TBODY></TABLE>
En mi caso, está dentro de una tabla, pero podrás adaptar ello a tus necesidades. Saludos.

Valora esta respuesta

Comentar

RE:diapositivas con transicion (2)

Publicado por Fernando (4 intervenciones) el 23/03/2005 15:57:13

Muchas gracias Daniel,
lo he copiado todo, cambiando el nombre de las fotos Pic[0], por mifoto0, etc y la direccion src:"c:/Mis docum....." y no me sale las diapositivas con transición, solo aparace la imagen indicada en la dirección

Valora esta respuesta

Comentar

RE:diapositivas con transicion (2)

Publicado por Daniel (99 intervenciones) el 23/03/2005 17:28:55

Te sugiero pongas las imágenes en la misma carpeta. Y pruebes el script sin redireccionar a ningún lado. Luego veremos el tema de la ruta.
Saludos.

Valora esta respuesta

Comentar

RE:diapositivas con transicion (2)

Publicado por Daniel Dominguez Mosquera (2 intervenciones) el 21/12/2005 17:46:47

Falta poner la llamada a la funcion en el evento onload()

<body onload="runSlideShow()">

Gracias a mi tambien me ha solucionado un problemilla que tenia en otra pregunta dle foro y nadie me respondia

Un saludo

Valora esta respuesta

Comentar

enlace con emisora en vivo

ayuda con comandos