Skip to content
Home

JAIPHO beta - Javascript image gallery for iPhone

March 21, 2009 by Tole

One of the most impressive iPhone achievements is the Photos application. Taking advantage of big screen, gestures, gyroscope and most important: extra good user interface it is just miles away from ordinary cell phones.
There is one more another iPhone killer feature: Safari browser. It actually made for first time in history, mobile surfing really usable. You can browse the mobile, as well as standard websites and enjoy in it.

But what is the situation when you are browsing some web images gallery?
Mobile sites I found mainly had just plain next/forward buttons, resized images to optimal size but usually you had to scroll images to see them in whole. Anyway that are actually good solutions. In most cases not iPhonized at all, but still usable.
Galleries on standard websites are different story. You have to both scroll and resize screen to actually see the selected image. Another level of unusability is added by javascript based solutions. Opened in browser on your PC, they are great, but with iPhone, usually after you manage to go to next slide (if you manage it at all) you will give up from further watching.

After long search finally I found three iPhone optimized galleries which are based on Photos application (links should be accessed with iPhone):

Finally something usable, only problem was that those solutions are "in house" projects and you can not download them use on your own website.

Idea was born: to make javascript component which will be easy to implement on any site, and which will give iPhone users native experience when they are surfing the web galleries.

And now, few months later, here is the JAIPHO in fully functional beta release. It is iPhone optimized web gallery and, your iPhone users will finally get what they are expecting to. You can use it for free and implement it on your web, mobile or iPhone site.

Here is a short features and advantages list:

  • Full iPhone optimized experience including images sliding effect and finger gestures
  • Both, thumbnails and full screen modes
  • Language independent. It is written in Javascript. You can use it with php, jsp, asp, ...
  • Published under LGPL. You can use it for free even on commercial sites.
Bookmark/Search this post with:
Permalink

Comments

Good work!Keep it on!

July 23, 2010 by gjugo (not verified), 6 days 10 hours ago
Comment id: 226

Good work!Keep it on!

in app ?

February 16, 2010 by Roland (not verified), 23 weeks 2 days ago
Comment id: 114

Hi there,

Cool script ! definitely, thanks for that.

Does anyone knows if that can be embedded in an iPhone app (and not only used in a web app) ?

Thanks in advance !
Roland

its just for web..

May 18, 2010 by rob (not verified), 10 weeks 2 days ago
Comment id: 152

its just for web, really don't need it for an app, you have the full API in xcode for that.

RE: in app ?

February 16, 2010 by Tole, 23 weeks 2 days ago
Comment id: 115

Hi,
I guess it could be embedded in app. Haven't tried, but I know that apps can run Safari frame.
I don't expect that it will be 100% optimized and you'll probably have to adjust size values in css file.

Tole

Hello, thanks for this great

June 25, 2010 by iNoize (not verified), 4 weeks 6 days ago
Comment id: 172

Hello,
thanks for this great script.

I try to run this in fullscreen mode.
But if i change the site for example from index to galery or back it opens a new safari window.
How can i fix it ?

And ho i can usw the php code from examle ? where is the path of the images ?

Tnx

Running in full screen mode

June 25, 2010 by Tole, 4 weeks 6 days ago
Comment id: 173

You can check full screen working example at the http://benlo.com/jaipho/

Regarding the example, I'm not sure what example do you think at? I guess you checked the http://www.jaipho.com/content/installation-guide