2012-01-25 20 views
9

Quiero tener más de 3 imágenes en una página con 3 imágenes visibles y poder avanzar una imagen a la vez. Algo como esto:¿Puede jQueryCycle mostrar imágenes múltiples a la vez, pero deslice una a la vez?

[Slide 1][Slide 2][Slide 3] 

Luego, cuando el usuario hace clic en Siguiente

[Slide 2][Slide 3][Slide 4] 

¿Es posible hacer esto con jQueryCycle? Si no, ¿qué complemento jQuery recomendaría para esto?

Este example muestra 3 imágenes, pero desplaza las 3 al hacer clic en los botones de navegación.

+1

Implementé una solución similar con ul, li. Tal vez eso le dará una idea. Http://jsfiddle.net/skram/QScXU/ 6/ –

Respuesta

11

jCarousel es bastante común para este tipo de cosas, pero estoy seguro de que puede encontrar otras también.

ACTUALIZACIÓN

Creado un demo que hace uso de la configuración scroll;

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     wrap: 'circular', 
     scroll: 1 
    }); 
}); 
+0

He usado jCarousel y también me gusta. – mrtsherman

+0

¿Funcionará como el ejemplo proporcionado por SKS en el comentario anterior? – SomethingOn

+0

Stefan: Sí, es un carrusel circular y sí muestra 3 imágenes, PERO la pieza importante es que solo se desliza 1 imagen a la vez cuando se hace clic en los botones ... este ejemplo no hace eso. Hace las mismas cosas que el ejemplo que proporcioné: s – SomethingOn

1

jQuery Cycle 2 puede hacer esto;. Que se llama la "transición carrusel" Una demostración y documentación se puede encontrar en Cycle 2 Carousel. Tenga en cuenta que debe agregar el complemento opcional "Carrusel" disponible en el Cycle 2 download page.

Cuestiones relacionadas