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);
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!!