How To Remove White Space When Image Loading?

My phone-gap app getting output I have 4 images sliding automatically it fixed any Device height and width my problem is while sliding images, I am getting white screen before ima

Solution 1:

This seems to be a know issue running around for a while.This is due to jquery default page transition effects.https://forum.jquery.com/topic/transition-flashing-showing-white-page-between-pages

The work around I did was the following code in my js .It worked.Hope it works for you too

$(document).bind("mobileinit", function () {
$.mobile.defaultPageTransition = 'none';
});

Just try overwritting transition effect as per your jQM version

Solution 2:

This is a known problem in jQuery Mobile and turning backface visibility off helps to solve this problem to an extent. As per jQuery Mobile Docs

Some platforms currently have issues with transitions. We are working on a solution to solve the problem for everyone. If you are experiencing flickers and flashes during or at the end of a transition we suggest the following workaround. Please note that this workaround should be thoroughly tested on the target platform before deployment. This workaround is known to cause performance issues and browser crashes on some platforms, especially Android. Add the following code to your custom css.

.ui-page { -webkit-backface-visibility: hidden; }

Only seeing fade transitions? To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support (such as Android 2.x) will fallback to "fade" for all transition types. This behavior is configurable (see below).