Category: jaipho
Let's say that you want to change thumbnails size from 75px to 150px for iPad. Right now you can accomplish it in two easy steps (bellow), but in the future it should be configurable.
This version implements the smooth scroll feature as described in http://www.jaipho.com/content/smoother-scroll-jaipho article. Just for reminder, css translation used for image scroll is now switched to its 3d variant which relies on iPhone 3d graphic processor.
But there is one more, also cool, feature - sticky finger effect (not sure if this is a right name for it). When you move your finger on the screen, the image follows it.
Now it really begins to look like native app.
Changes summary:
- animation is performed with css 3d translations, which is much smoother
- simplified slider table structure - no spacers and dummy.gif
- css slightly changed - removed now deprecated css selectors for slider table
- added SLIDE_SPACE_WIDTH javascript constant which defines empty space between slides (can be set even to 0)
- added sticky finger feature on image slider
I was never happy with the smoothness of image scrolling in Jaipho. But the current engine was usable enough, so I was holding the issue to be solved in some better times.
After iPhone 4 was released, I was surprised with bad performance on it too. iOS 4.2 update made things even worse. Image scrolling on iPhone 4 is worse than on any other iPhone!
Recently I started to work on Jaipho 1.0 which should be out in September or October, and the smooth scrolling was one of the first issues to start with.
Jaipho is the main project that this site is devoted to. It is a javascript gallery optimized for iPhone.
Jaipho is strictly client side technology (Javascript, html, css). It can not read or resize your images from disk. It requires someone else to do all the data preparation. You can type the data manually in html page, or you can use server side scripting language to do it.
At last, here is the version which works on iPad too. Although iPad is released few months ago, I think it was worth of waiting because there are few another cool features which were many times requested through contact form or comments on articles.
Let's see them one by one.
Changes summary:
- added jaipho-ipad.css which contains iPad screen size values
- navi button images are defined in css (was defined in html)
- added list.html with template for listing galleries
- distributed with two templates: Default and iUI
On http://jaiphodemo.info/demos/ipad-test-01/ you can find the first test version. If it is accessed by iPad it will be optimized for it. All other devices will be served with iPhone optimized version.
This iPad version is mainly made by following the guide published on Porting Jaipho to iPad article.
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 the 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.
Recent comments
14 hours 2 min ago
1 day 21 hours ago
1 day 22 hours ago
2 days 3 min ago
6 weeks 5 days ago
6 weeks 5 days ago
9 weeks 4 hours ago
9 weeks 3 days ago
9 weeks 4 days ago
9 weeks 5 days ago