2012-06-15 52 views
7

I'ld gusta hacer algo como esto en jquery mobile:carrusel como galería en jQuery Mobile

Carousel

No necesito mucho más que un control deslizante y el indicador de la página que se ha seleccionado. Mostrará algunas imágenes.

Así que conozco un montón de galerías de imágenes. Pero la mayoría de ellos lo hace

a) Tener las miniaturas como interfaz inicial o b) no funciona bien con jQuery Mobile.

¿Alguien sabe una manera simple de comenzar?

+2

nivo slider responde ahora, pero no estoy seguro si es 100% todavía, he usado Flex Slider con jQuery Mobile y funciona muy bien - http: // www .woothemes.com/flexslider/flexslider-demo/ – martincarlin87

+1

esto es interesante ... http://swipejs.com/ –

+0

I second @ martincarlin87. También estoy usando flexslider y soy más o menos receptivo (tienes que ajustar un poco el CSS), además también pude reemplazar los controles deslizantes con elementos JQM "nativos", por lo que mis puntos son botones de solo iconos (sin icono) por ejemplo. – frequent

Respuesta

3

Cubiq's Swipeview es realmente bueno, liviano y sensible.

Tiene lo que pediste y no mucho más. De los controles deslizantes que he probado con jQM, este es por lejos el más sensible.

Con el fin de que funcione con JQM tiene tres opciones:

  1. inicialización antes de JQM
  2. envolverlo en un pageshow
  3. colocarlo en un iFrame
+0

¡Probé la demostración en el enlace de un Iphone 5s y esta se ve bien! Funciona con deslizar hacia la izquierda y hacia la derecha. – Guus

1

El valor por defecto el carrusel integrado en Bootstrap es bastante bueno. Combinado con algunos CSS personalizados puede hacer maravillas. Tiene la opción de miniaturas, y estoy seguro de que funcionará con jQuery Mobile.
Se puede ver usando el siguiente enlace:

Boostrap Carousel

+0

Probado en un Iphone 5s y se ve bien, pero deslizar no funciona o no es compatible. Tienes que presionar las flechas izquierda/derecha. – Guus

1

ItemSlide.js es un gran carrusel para móviles, es simple, fácil de usar y de pequeño tamaño. Puede encontrar una demostración en vivo junto con la documentación aquí: http://itemslide.github.io/