Skip to content

A Sencha style carousel plugin for jquery mobile - update to include previous and next method capability for binding to buttons and a navigator to display dots.

Notifications You must be signed in to change notification settings

Rombecchi/jQuery-Mobile-Carousel

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 

Repository files navigation

---------- ITALIANO ----------
In questa versione "jquery.ui.ipad_func.js" è stato cambiato in una funzione "starttouch()" al fine di richiamarla solo quando si scatena l'evento "pageshow" nelle JQuery mobile che usano AJAX. Tuttavia la funzione può essere richiamata in qualsiasi momento.

In questa versione sono utilizzate le funzioni di ExtremeTrek per la gestione di pulsanti esterni al fine di comandare il carousel. Inoltre viene introdotto sia un "Navigator" che visualizza dei pallini che segnano la pagina attualmente visualizzata e delle "Arrow" che gestiscono proprio il movimento delle slide.
Ovviamente quando si usa il carousel in verticale sia il Navigator che le Arrow si sistemano graficamente in modo automatico (via CSS)

Demo: http://jsfiddle.net/rombecchi/HxkAT/5/


Metodi:
-------
  init: viene lanciato al momento dell'inizializzazione del plugin (anche se non specificato)
  next: viene visualizzata la pagina successiva
  previous: viene visualizzata la pagina precedente

Esempi:   $('#carousel').carousel();
          $('#carousel').carousel('next');


Opzioni disponibili:
--------------------  
  duration: durata in millisecondi della transizione.
  direction: specificare se "horizontal" o "vertical".
  minimumDrag: distanza minima in pixel di trascinamento affinchè sia lanciato l'evento del cambio pagina.
  beforeStart: callback che viene eseguita appena inizia il drag. "this" = jQuery(list)
  afterStart: callback che viene lanciata subito dopo che sia iniziato l'evento di start. "this" = the jQuery(list)
  beforeStop: callback che viene lanciata appena il drag finisce. "this" = the jQuery(list)
  beforeStart: callback che viene lanciata subito dopo che il drag è finito. "this" = the jQuery(list)

Esempi:   $("#carousel").carousel({direction: "horizontal"});
          $("#carousel").carousel({direction: "vertical", minimumDrag: 30});




---------- ENGLISH ----------
You must use the jquery.ui.ipad.js plugin in order for jQuery UI widgets to recognize mobile touch events as click events. Instead, if you have to launch after the page has loaded via AJAX in JQueryMobile, you have to use "jquery.ui.ipad_func.js" that include the startup of touch enhancement calling the "starttouch()" function.

This version also include support for a Navigator, that shows dots for each page present in the carousel, and the Arrows that are used to move around the slides without using the drag method.
Also the "vertical" param adjust via CSS the position of Navigator and Arrows


Demo: http://jsfiddle.net/rombecchi/HxkAT/5/


Methods:
-------
  init: initialize the plugin (also if blank is leaved when call the function)
  next: this will show the next page
  previous: this will show the previous page

Examples:   $('#carousel').carousel();
            $('#carousel').carousel('next');


Available options:
--------------------  
duration: this is the number of milliseconds for the slide transition to happen.
direction: whether the carousel is a "horizontal" or "vertical" carousel.
minimumDrag: this is the minimum distance the carousel has to be dragged in order to trigger the page change.
beforeStart: callback that will be called right as the drag event is triggered. "this" = the jQuery(list)
afterStart: callback that will be called right after the start event is triggered. "this" = the jQuery(list)
beforeStop: callback that will be called right as the drag has stopped. "this" = the jQuery(list)
beforeStart: callback that will be called right after the drag has stopped. "this" = the jQuery(list)

About

A Sencha style carousel plugin for jquery mobile - update to include previous and next method capability for binding to buttons and a navigator to display dots.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%