How do I create a popup Jquery-mobile window with multiple pages that can be swiped through

Question

I am trying to create a popup control area on a tablet interface, and am an experienced programmer, just have never done web based programming before in any serious way.

I have a black bar (will eventually be status information) that when tapped pushes up as a overlay over the bottom 40% of the screen. Within this I want to have several pages of information that can be paged through by swiping horizontally with the number of pages being dependent on which add-ons have been installed.

Each page will by web pages with controls that can be dragged into the main portion of the page, or input controls for entering or updating information.

I would like to use the Jquery-mobile ability to have multiple pages loaded and then switch between them in the popup so there isn't a loading wait. The update of input and data will be done by Ajax-json call responses.

I am running into problems trying to figure out how to do the carousel of web pages, the few carousel JS libraries I have tried seem to work oddly with the popup/swipe interface.

Any recomendations on what is the best way to do this, or examples of what I am trying to do?

Thanks - Robert

Answer 1

Are you looking for some swipe libraries?

• http://jgestures.codeplex.com/
• http://labs.rampinteractive.co.uk/touchSwipe/demos/