Pregunta

Para un proyecto me gustaría hacer una bandera contenido que cambiar entre varios "diapositivas" (que contiene HTML, imágenes, etc.). Los "diapositivas" son elementos div. El efecto slideIn utilizado por jCarousel no es lo que el hombre quiere, él wanst a fadeIn / fadeOut las "diapositivas" entre "deslizante" se muestra durante 7 segundos.

Alguien sabe de un plugin que se puede lograr esto?

P.s. He tratado de preguntar si alguien ha creado un efecto fadeIn / fadeOut para jCarousel pero la pregunta no ha tenido ninguna respuesta, por lo que ahora estoy dispuesto a cambiar el plug-in para uno que lo haga esta tarea específica.

¿Fue útil?

Solución

¿Has visto el jQuery Cycle Plugin ? Tiene una tonelada de diferentes opciones , uno de los cuales es un efecto de desvanecimiento. Sólo tiene que descargar el código del plugin y luego usar el siguiente

$(function() {
  $('div.slideshow').cycle({
    fx: 'fade', // choose the fade transition type
    timeout: 7000 // 7 second delay between fade in and fade out
  });
); 
asumiendo sus imágenes están dimensionadas el mismo y en una <div> con class="slideshow"

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top