Foros del Web » Programando para Internet » Javascript »

cambiar a fade

Estas en el tema de cambiar a fade en el foro de Javascript en Foros del Web. 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... ...
  #1 (permalink)  
Antiguo 18/03/2011, 12:20
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 14 años, 7 meses
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...

Etiquetas: fade, slider
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 17:24.