Array
(
)

loading para carregar página

Pjava
   - 05 mar 2014

Como eu faço para mostrar um gif enquanto a página é carregada e depois sumir com o gif dando um hide ou coisa parecida, com jquery? Tentei fazer com um código que peguei na web e não funcionou.

Luiz
|
MVP
    05 mar 2014

Olá,

http://p.ar2oor.pl/cprogress/

veja o create e o destroy.

Julio Medeiros
   - 07 mar 2014

Sofri procurando isso, quando precisei,
conseguiu fazer com o exemplo que foi passado ai?
se não posto aqui o exemplo em Asp

Pjava
   - 11 mar 2014

Voltei a questão do loading. Coloquei essa linha em meu body. Na primeira linha.

<img id="loading" src="@Url.Content("~/Images/ajax-loader.gif")" style="display: block; margin-left: auto; margin-right: auto" />

Fiz essa função em meu arquivo index.js

function loading(status) {
if (status == 1)
$('#loading').fadeIn();
else
$('#loading').fadeOut();
}

E coloquei essa linha da função jquery quando o documento for carregado.

loading(0);

Duas coisa gostaria de resolver.
1) Quando a página é mostrada no browser, o loading some. Acontece que ainda está carregando o banco para carregar o menu, mas acredito que o jquery entende de carregada quando ela for mostrada no browser. Então, como eu continu a mostrar o gif, até terminar a carga do banco?

2) Como eu centralizo o gif? Ele está aparecendo no meio, mas na parte superior da página e não no centro da tela? Como eu faço isso?

Pjava
   - 11 mar 2014

Resolvi. É só colocar na div que eu quero mostrar e será apresentado ali, naquela posição. Alterei os códigos da função e pronto, agora tá chic.