Skip to content

Support Jaipho

Jaipho beta is a free script and we hope that you enjoy using it. If you do, here is a way that you can show us that you appreciate the hard work that we've done for you!





Home

Smoother scroll on Jaipho

May 28, 2011 by Tole

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.

It seems that there is quite easy solution to a problem. Instead of using 2d it requires to use 3d transitions (no matter we are using only 2d display). 3d translations & transformations in webkit engine browsers are using the 3d graphic processor, so the performance is much higher.

Upgrading the Jaipho 0.54 for smoother scroll
There are 2 changes in JphSlider_Slider javascript class:

In Init() method change the this.mhSliderTable initialization part to

 this.mhSliderTable                     =       document.getElementById('slider-table');
 //     this.mhSliderTable.style.webkitTransitionProperty       =       'margin-left';
 this.mhSliderTable.style.WebkitTransition      =       "-webkit-transform "+SLIDE_SCROLL_DURATION+" ease";

Replace the RepaintPosition() method with this

 JphSlider_Slider.prototype.RepaintPosition     =       function()
 {
        var     left    =       this._GetPositionLeft( this.mCurrent);
        //this.mhSliderTable.style.marginLeft   =       left + "px";
        this.mhSliderTable.style.WebkitTransform        =       "translate3d( "+left + 'px'+",0,0)";   
 }

Jaipho 0.55
I uploaded the patched version at http://jaiphodemo.info/jaipho055-test/
This fix works well on my 3g and 3gs devices. They both have 4.2 x iOS. Before i put it as release (this should be last beta) I would like to put it on test first.
So please test it on above link and report any critical problems you might jump into. You can test it with any iPhone, iPod Touch, iPad, Android or blackberry device.

Bookmark/Search this post with:
Permalink

Comments

Still not smooth on iOS 4.3 - iPad

July 7, 2011 by Albuendi (not verified), 1 year 49 weeks ago
Comment id: 542

Hello,

I've just tested it on an iPad iOS 4.3.3 with a gallery of full screen images and still is not smooth, it works the same as Jaipho 0.54.

+1 too for zoom feature :)

Regards,

Support zoom

June 17, 2011 by PhuocLe (not verified), 2 years 3 days ago
Comment id: 536

The final version support android, it cool

But it good it support ZOOM

You can check http://photoswipe.com. Maybe int another framework that used gallery but it support ZOOM.

Works well

June 1, 2011 by Tony Northrup (not verified), 2 years 2 weeks ago
Comment id: 525

I made this change to http://www.northrup.org and it's working beautifully, just FYI.

Question--you mention testing it with Androids and Blackberrys--Jaipho works well with those, too? I only setup my site to detect iPhones/iPods/iPads.

RE: Works well

June 1, 2011 by Tole, 2 years 2 weeks ago
Comment id: 528

Thanks Tony. What iOs do you have installed?

Technically, Jaipho should work on all WebKit based browsers. In practice there are issues, mainly in height sizing, so it is not officially supported.
Jaipho 1.0 will have full Android support.