I am building a website which provides support on Iphone also. I am using JQTouch jquery library(www.jqtouch.com) which provides multi-touch functionality like swipe, flip, back page.
It would be great to hear from you guys on how to extend zoom-in and zoom-out functionality for photos. Does JQTouch provide any readymade function for the same. Also I would like to hear more on the touch screen functionality that I could use more in my application.
Thanks in advance!
The JQTouch library specifically disables resizing the viewport, so you would not be able to use this for zooming in on photos. See this post which talks about performance, but also mentions that they disable the viewport resizing: http://blog.jqtouch.com/post/205113875/milliseconds-responsiveness-and-the-fast-tap
Normally this effect is achieved by using css techniques or a plugin like this.
You show a small version of an image and on mouse over and move, show a portion of a blown up version.
Here's a good jQTouch extension and demo for pinch, zoom, rotate and very flexible too: http://www.reddit.com/r/iphone/comments/bhkx3/jqtouch_gestures_extension_multitouch_events_and/
Basically you get to combine these events however you want.
Related
I am looking for a jquery plugin that navigates to other pages of a website using a sliding animation similar to some iphone apps. I tried designing this on my own but I could not get it to work.
Here is an example of what I need:
(on pressing the button)
Did you have a look at JQuery Mobile? It mimics a lot of the iPhone animations, and it will run on non-mobile browsers as well as mobile browsers. For instance, http://jquerymobile.com/demos/1.1.1/docs/pages/page-transitions.html has a "Slide" transition that you can demo.
You could try sencha touch, never used it personally but appears to do what you want.
Demo: http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#menu/animations
Download: http://www.sencha.com/products/touch/
There's also JQtouch a quick google will find that (as I cant post the link because of low reputation)
I've built a photography site that displays photos side by side, user scrolls though photos using a horizontal scrollbar. (link removed no longer works)
I have used the jscrollpane plugin to customize the look of the scrollbar, but I have disabled it for the time being as I look for a fix. The container is called .scroll-pane.
Can anyone tell me how to get this to work on an iPhone?
Thank you and happy new year
Yeah, that won't work on iOS. You can use two fingers to scroll such an element, but most people are not aware of that.
You should consider a responsive design that adjusts how your site functions in mobile browsers.
As I am very new to the lua language I am having a question here.
How can I slide the images forward and backward with in the container smoothly like in Iphone.
Is there any reference or sample code available for that? Also I want to know how can we perform auto scrolling in lua language.
I tried the sample of slides in corona sdk but it is not smooth like iphone.
Thank you,
Monish Calapatapu.
You can easily slide images around using the transition commands:
http://developer.anscamobile.com/reference/index/transitionto
http://developer.anscamobile.com/reference/index/transitionfrom
Scrolling is pretty much just a special case of sliding images, where the images happen to be text.
I was working on a protoype using jquery UI resizabel plugin, but I noticed that it doesnt work on the iPad.
Might it be a problem with the touch/click event?
I worked previously with a sliders plugin and they were pretty good on that device so I beleive it is do-able and I wonder how can fix the resizable pluing to make it work on the iPAd too..
Thanks
Another option is http://touchpunch.furf.com/
jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library.
i found myself this
http://code.google.com/p/jquery-ui-for-ipad-and-iphone/
For example, in CNN's iPhone app, if you rotate the phone into landscape mode, it shows all the stories as pictures that you can scroll with your finger. It looks really polished with even a "reflection" effect. I've seen another app also do this, leading me to believe that it is a standard iPhone SDK API.
Here is a link to a screenshot from the CNN app so you can see what I'm talking about:
http://www.itnewsafrica.com/?p=8422
Anyone know what Class this is?
Thanks!
Try this: Open source CoverFlow library for iPhone
Also do a google search for Coverflow. I think that might do what you want or something close to it.