2 participantes
Pedido - Código de Carregamento
Legolas- Moderadores
- Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro
- Mensagem nº2
Re: Pedido - Código de Carregamento
Adicione esse código no seu template overall_header, antes do </head>
- Código:
<script>jQuery(function() {
jQuery('body').prepend('<div id="ajax_loading" style=""><img src="http://i.imgur.com/gygr8wi.gif" alt="Loading..."></div>');
jQuery('a').click(function() {
jQuery('#ajax_loading').slideDown();
setTimeout('load()', 10000);
});
});
function load() {
jQuery('#ajax_loading').slideUp('2000');
}
setTimeout('load()', 10000);</script>
<style>#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}</style>
Legolas- Moderadores
- Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro
- Mensagem nº4
Re: Pedido - Código de Carregamento
Que tal nos ajudar a organizar o fórum e clicar em Resolvido? Se quiser também em Curtir
JScript- Administradores
- Time Online : 2d 4h 51m 36s
Mensagens : 1381
Data de inscrição : 29/03/2013
Localização : Somewhere out there
- Mensagem nº5
Re: Pedido - Código de Carregamento
Eu fiz de outra forma, até mais rápida e com resultados mais "reais" pois aparece assim que o HTML é interpretado e desaparece quando a página é completamente carregada, veja:
No template Overall_header dentro da tag <body>, mas especificamente: abaixo da tag como primeiro item:
O código abaixo é no mesmo template, mas dentro da tag <head>:
Explicação:
A diferença deste código para o que o @Legolas postou é que não precisa clicar em links para ter o efeito!
JS
No template Overall_header dentro da tag <body>, mas especificamente: abaixo da tag como primeiro item:
- Código:
<div id="ajax_loading" style="display: ;">
<img width='43' height='11' alt='Carregando...' src='data:image/gif;base64,R0lGODlhKwALAPEBALrQgv///3umDQAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQFCgABACwAAAAAKwALAAACMgyOGMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64ICAyTBUAACH5BAUKAAAALAAAAAALAAsAAAIMRI5oye0Po5yULgcKACH5BAUKAAIALAAAAAAbAAsAAAIrFI4oyxIPoUkUNBdzqPTqzCXeB4VKQ5amhabbOqYry7ivGZNz/k3ctUgJCgAh+QQFCgACACwQAAAAGwALAAACKxSOKMsSD6FJFDQXc6j06swl3geFSkOWpoWm2zqmK8u4rxmTc/5N3LVICQoAOw=='>
</div>
O código abaixo é no mesmo template, mas dentro da tag <head>:
- Código:
$(window).load(function() {
$('#ajax_loading').hide();
});
Explicação:
A diferença deste código para o que o @Legolas postou é que não precisa clicar em links para ter o efeito!
JS
Convidado- Convidado
- Mensagem nº6
Re: Pedido - Código de Carregamento
Olá,
Por acaso tem um aspecto muito agradável obrigado !
Por acaso tem um aspecto muito agradável obrigado !
|
|