Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/03/2011, 12:20
Banditolane
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 14 años, 1 mes
Puntos: 1
Pregunta cambiar a fade

Buenas:

He tenido que utilizar uno de estos plugins que genera un slideshow y lo he configurado un poquito. Hasta donde he podido llegar realmente... El tema es que el efecto que aplica es un desplazamiento lateral. Este es el link del slider. Yo lo que necesito es que la transición sea con la propiedad opacity. Os muestro el código original del .js y el que yo he cambiado:

Código HTML:
<!-- Este es el original -->
$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);

<!-- Y este es el mío -->
$('.panel-container', slider).animate({ opacity: 0 }, settings.slideEaseDuration, settings.slideEaseFunction).animate({ marginLeft: offset },0).animate({ opacity: 1 }, settings.slideEaseDuration, settings.slideEaseFunction);
El tema es que esto hace lo siguiente:

1.- Hace el "fadeOut" de la imagen actual
2.- Desplaza a la siguiente imagen
3.- Hace el "fadeIn" de la nueva imagen

Lo que necesito es que el primer y tercer paso sean simultáneos, es decir, que la transición entre la imagen actual y la siguiente se produzca al mismo tiempo...

Si alguien tiene alguna idea de cómo hacerlo.... gracias a todos!!
__________________
Cuantos más errores cometas, más cerca te encontrarás de la solución final. Lo importante es no rendirse...