Category: jaipho
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.
Only jaipho.css file is updated with several layout bugs fixed.
2px on bottom
If you customized Jaipho and you changed the background color for full screen mode to white, you could notice that under the bottom toll bar are 2px of extra space.
2px on images
Till now there were 2px of unused space bellow images in full screen mode.
Long titles are breaking the layout
If your gallery name was to long, the title displayed on top toolbar was breaken into two lines. Now, your long titles will be automatically shorted and appended with "...".
Full source file in previous version had the Jaipho source twice in it (0.52.00 and 0.52.01) what doubled the file size.
This version has that file corrected.
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).
Two mistakes were found in previous release. This one fixes them.
Here are the solved bugs:
Incorrect landscape mode behavior
In OrientationManager was the hard coded value for device screen width, which was causing the incorrect display in landscape mode.
White line before thumbs are loaded
In thumbnails mode, before the thumbs were loaded, there was white line in thumbnail placeholder divs (gray squares). This was very noticeable on slower connections.
This bug was produced in 0.51.
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.
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
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