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?
I'm currently working on Jaipho version that supports iPad. As iPhone 4 is released in meanwhile, including it in a release seems to be very reasonable.
As I red on net, there is a certain possibility that Jaipho works just fine on iPhone 4, no matter because they have different screen resolutions. There is a excellent article about iPhone 4 resolution on daring fireball - Why 960×640
In last few weeks, there were few inquiries through contact form, regarding the porting Jaipho to work with iPad. Well, I plan to publish iPad release, but I'm heavily loaded with obligations so it will take me at few months to over it.
If you cant wait next release, here is the guide for doing it yourself. I haven't tried it, so there is no demo. Anyway, I think that the basic adaptation shouldn't be so hard.
Added splash screen functionality. Splash screen is the first thing which is displayed. It stands on for minimally SPLASH_SCREEN_DURATION seconds. Gallery itself is displayed after that period is exceeded.
If you set SPLASH_SCREEN_DURATION to 0, the gallery is displayed as soon the document onload is triggered. The goal was also that splash screen is loaded as soon as possible. For that reason, the source is split in two parts. jaipho-0.53.00-preload-src.js is smaller and holds the Splash screen and some common functionalities. jaipho-0.53.00-main-src.js holds the rest of the Jaipho package.
In this article, we will step by step integrate Jaipho, Pipho and iUI. Purpose of this article is to see how to use Jaipho/Pipho in multi galleries environment, and how to implement a different designs.
The whole source which cames out as result of this steps is attached to post.
Live demo can be found at http://www.jaiphodemo.info/pipho-iui/.
Summarized, we will create iUI based page which will contain list of all our galleries (index.php), and we will change Jaipho based page to fit the iUI digg sample design (gallery.php).
This version mostly implements features which in past period few users requested.
New features:
Sorting
Till now, gallery images were shown only in filesystem order. Now through PIPHO_SORT_GALLERIES_ and PIPHO_SORT_IMAGES_ constants (6 in total), you can specify in which order your, both galleries and photos, will be displayed on screen.
There is bug in Safari browsers while interpreting javascript document.location.replace() method. Instead of just replacing the loaction, it also appends history. Result is that after you navigated in Jaipho through slides, pressing Back in browser will return you through slides back (still in Jaipho), instead returning you to original page you came from (gallery list, news article ...). Several users contacted me regarding this annoying behavior.
This version offers patch for this problem.
Or, what happens when Jaipho meets PHP.
Although Jaipho is meant to be used as secondary image gallery script, some of my colleagues convinced me that there should be server side solution too. They just wanted to upload photos on server and let the script do everything else.
Pipho is exactly that. It reads photos from desired folder, on the fly creates resized thumbnail and slide images, and dumps Jaipho javascript read images part. In addition, it supports text files as descriptions for both, gallery and slides.
In short, Pipho is a PHP Jaipho implementation example.
There are two variants of Jaipho demo page. One is the real Jaipho and you can see it if you access demo page www.jaiphodemo.info with your iPhone. Another variant, iPhone emulated version, will be shown at the same address if you access with your browser on your desktop computer. In emulated version Jaipho itself is opened in iframe. If you saw both versions, you might ask yourself, can Safari in iPhone display the "emulated" version and how it will behave? Is the javascript support that much good?
Now you can try it for your self. Just grab the iPhone and click on this link http://www.jaiphodemo.info/?forcewebdemo=1
Here is second beta release. As major change it brings better user experience on loading both thumbnails and slides in your gallery. Here is the list of all changes.
Jaipho changes
Upgraded images preloading system - javascript JphUtil_Preloader class. It preloads slides, so when user triggers next button the image will already be prepared. There are few changes in it comparing to previous version.
Recent comments
3 days 12 hours ago
5 days 4 hours ago
6 days 10 hours ago
1 week 23 hours ago
1 week 2 days ago
1 week 3 days ago
1 week 4 days ago
1 week 6 days ago
1 week 6 days ago
2 weeks 3 hours ago