View Full Version : Mask with "loding.gif" does not work in iPhone Safari?

25 Oct 2010, 12:02 AM
First, apologize for my bad English.

In the Example of Sencha Touch which called "carousel2".
It set a mask to show it is loading with a gif and text.

Ext.getBody().mask(false, '<div class="demos-loading">Loading&hellip;</div>');

.demos-loading {
background: rgba(0,0,0,.3) url(../resources/shared/loading.gif) center center no-repeat;

It works in my Safari on PC, but only shows the text without the gif on my iPhone.
Could sb help me with this problem, thx a lot.

25 Oct 2010, 1:44 AM
dear Sandpack Ni i don't have any idea about this if i have any information i will surely give you now let me ask to my friend they i will reply you later,, hope to see you again thanks..


25 Oct 2010, 2:31 AM
The prev reply looks like a spam to me.

Does the gif load in the Safari with agent set to iphone ?
Does the gif load and run in Simulator ?
Have you checked your path when trying to run on your iPhone ?
Are you using phoneGap or a web server to go and check your app ?

nice day !

25 Oct 2010, 6:25 AM
Thx for your replying

I found that if set it not to unmask, it will show the gif get round and round.
I did not take an agent set in the Safari.
It works directly in Simulator.
I run it on Apache with Wifi between my notebook and iPhone.

Please allow my bad English.Thx again.