2012-06-15 9 views
7

Se mai l'amore per fare qualcosa di simile in jQueryMobile:Carosello come galleria in jQuery Mobile

Carousel

Non ho bisogno di molto di più di un dispositivo di scorrimento e l'indicatore di quale pagina selezionata. Mostrerà alcune immagini.

Quindi testiamo molte gallerie di immagini. Ma la maggior parte di questi è

a) Avere le anteprime come interfaccia iniziale o b) non funziona bene con jQuery Mobile.

Qualcuno conosce un modo semplice per iniziare?

+2

nivo slider è ora reattivo ma non è sicuro che sia ancora al 100%, ho utilizzato personalmente il flex slider con jQuery Mobile e funziona molto bene - http: // www .woothemes.com/flexslider/flexslider-demo/ – martincarlin87

+1

questo è interessante ... http://swipejs.com/ –

+0

I second @ martincarlin87. Sto anche usando flexslider ed è più o meno rispettoso (devi modificare un po 'il CSS), inoltre sono anche riuscito a sostituire i controlli del cursore con elementi JQM "nativi", quindi i miei punti sono pulsanti con icone (senza icona) per esempio. – frequent

risposta

3

Cubiq Swipeview è davvero buono, leggero e reattivo.

Ha ciò che hai chiesto e non molto di più. Dei cursori che ho provato con jQM questo è di gran lunga il più reattivo.

Al fine di farlo funzionare con jQm avete tre opzioni:

  1. inizializzazione prima jQm
  2. avvolgerla in un pageshow
  3. posto in un iFrame
+0

Ho provato la demo nel link su un Iphone 5s e questo sembra fantastico! Funziona con lo scorrimento verso sinistra e verso destra. – Guus

1

Il valore di default la giostra integrata in Bootstrap è abbastanza buona. Combinato con alcuni css personalizzati può fare miracoli. Ha l'opzione per le anteprime e sono sicuro che funzionerà con jQuery Mobile.
si può vedere utilizzando il seguente link:

Boostrap Carousel

+0

Provato su un Iphone 5s e sembra interessante, ma lo scorrimento non funziona o non è supportato. Devi premere le frecce sinistra/destra. – Guus

1

ItemSlide.js è un grande carosello per cellulari, è semplicistico, facile da usare e di piccole dimensioni! Una demo live insieme alla documentazione può essere trovata qui: http://itemslide.github.io/