ipad/iphone swiping

Hi everyone, I have a non-profit that I’m on the board of. This Christmas is our 26th holiday home tour. I’d like to build a mobile “app-like” experience for people who choose to take their smart phone along with them, instead of a traditional tour book which costs us a lot of money.

Anyway, I’d like to build a mostly sequential tour microsite that’s specifically focused on mobile. I did the test tonight at the URL above:

http://www.macrisdirect.com/micro/mobile_test.html

The question is, as I was playing with it on my iphone and ipad, I wanted to swipe to the next page in the series, not click the text link.

How can this be done. All I want to do is swipe from #1 to #2 and back. I intend to have some navigation to go to a map, to home, or to sponsors, etc., for people who want to get out of the series.

I have never tried purposefully to build for mobile exclusively. I do not intend to publicize this link at all, just to have a qr code at check-in which will launch the virtual tourbook. The idea is that we won’t have to produce so many in the future. What are your thoughts? I did a quick search, but didn’t come up with anything. Is there an action for swiping?

thanks so much,
Andrew.

http://www.macrisdirect.com/micro/mobile_test.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi, as a quick addition, I found this code. Any chance someone could take a look and see what would be required to implement this in Freeway?

Where it indicates “page” should I just put in the URL of the destination, whatever that may be - left or right?


THE SOLUTION
jQuery solutions like this, written by experienced nerds, are not always clear to me; they assume a level of jQuery and JavaScript proficiency I don’t have. I wish there was better commenting.

But after a little fiddling around, I came up with the following which works perfectly, sliding in the content from the correct direction. You can now swipe through all pages of the site, back and forth, and the left/right transitions work sensibly.

The above code goes in the of your page. Hope it works well for you.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Adding destination page URLs where it says “page” didn’t work. Any thoughts?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This script is using a set of hidden DIV (HTML Box) elements in the same page as “pages”. It’s not really loading a separate page, just shifting an element into view, kind of like a Carousel element. Where did you find it? There may be more detail or an example document to show you how to prepare the page for this effect.

Walter

On Oct 2, 2012, at 11:34 PM, Andrew Macris wrote:

Hi, as a quick addition, I found this code. Any chance someone could take a look and see what would be required to implement this in Freeway?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yea, thanks for checking. As I studied the code and the surrounding text, that’s exactly what I surmised.

The post was at:
http://designicu.com/jquery-mobile-swipe/

I’m really just interested in building a bunch of individual pages instead of one massive page with a bunch of mini-pages built in. Seems like this could have a lot of uses as the world gets more mobile centric.

Appreciate any suggestions you have.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Anyone have any brilliant ideas on this since I started developing it? Is there any way to swipe to another page that is part of a series?

I think this would be a better experience than the menu nav structure, but I don’t want to totally redo what is now 90% built.

Thanks!

Test site is now at:

http://www.macrisdirect.com/micro


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options