Display loading image after clicking on a image/button using java script

Question

I have developed an App using PhoneGap and JqueryMobile. I have many HTML Pages , navigation from One page to other page on click of the image is taking lot of time.And the end user have no clue what is happening at the back end. I would like to show loading image until the page gets loaded.

I'm wondering how could I use Jquery to show a simple "Loading..." on the screen until page is loaded.

Please help me on this.

Answer 1

With jquerymobile you can do this with $.mobile.showPageLoadingMsg() resp. $.mobile.hidePageLoadingMsg() as described in the documentation .