Efecto fade en imágenes

Burrarrum · #1 (**permalink**) 25/11/2004, 12:58

¿Sabéis qué código hay que introducir en un archivo .php para que vayan cambiando varias imágenes con un efecto fade? Sé el código javascript, pero sólo funciona en htm...

Gracias!

Cluster · #2 (**permalink**) 25/11/2004, 15:14

Pues en .php es lo mismo .. el efecto en sí lo hace "javascript" o un applet java o lo que uses "del lado del cliente" .. PHP a lo máximio podría "pre-cargar" esas imagenes llenando (mejor dicho generando) esos arrays o lo que use las rutinas javascript que ya usas.

¿por qué dices que no funciona en .php?

Un saludo,

Burrarrum · #3 (**permalink**) 26/11/2004, 04:17

Gracias por tu respuesta Cluster. La verdad es que utilizo el mismo código tanto en HTM como en PHP, y el HTM no me falla y en PHP me da un error en una línea...

Te pongo el código que utilizo para que lo veas:

***** Esto lo pongo en HEAD *****
<SCRIPT LANGUAGE="JavaScript">

var slideShowSpeed = 5000;
var crossFadeDuration = 3;
var Pic = new Array();

Pic[0] = 'imagen1.jpg'
Pic[1] = 'imagen2.jpg'
Pic[2] = 'imagen3.jpg'
Pic[3] = 'imagen4.jpg'
Pic[4] = 'imagen5.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];
}
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>
************************************************** *******

***** Esto en BODY *****
<BODY onLoad="runSlideShow()">
************************************************** *******

***** Y esto en la celda donde va a imagen *****
<td id="VU" height=93 width=298>
<img src="imagen1.jpg" name='SlideShow' width=298 height=93>
</td>
************************************************** ********

A ver si puedes decirme dónde está el fallo...

Gracias!!

Cluster · #4 (**permalink**) 26/11/2004, 07:06

Bueno .. y que error te dá en que línea y sobre todo definir si el error es de PHP o es de "javacript" .. (podrías poner el código completo de esa página).

Un saludo,