Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Iae galera do Imasters,
eu gostaria de usar o lytebox em um site, só que muitas vezes o site fica carregando e se clicar em algum local que executa o script, ele abre a página que deveria ser aberta com o lytebox. Daí eu gostaria de saber se há um modo de fazer com que esse arquivo seja o primeiro a ser carregado no site, pra caso o site esteja carregado e a pessoa clique num local que utiliza o lytebox, ele funcionar normalmente. Obrigado, estou aguardando.
>
Você fala de qual arquivo ? arquivo JS ?
Sim, arquivo js
Mauricio,
Tem algumas maneiras de fazer o que esta querendo, sendo a mais comum, criar uma div 100% width and height com algum background-color que você quer, "ou qualquer outra coisa, use sua imaginacao. dae oque você faz, eh simplesmente esconder a div quando tudo estiver pronto ie "scripts carregados", assim o usuario nao podera interagir com o site antes dos scripts carregarem, "o que normalmente leva coisa de ms".
Exemplo usando jQuery...
<script type="text/javascript" src="seu.js"></script>
<script type="text/javascript">$(function(){
$('#loadscreen').fadeOut();
});
</script>
<style type="text/css">
.loadscreen {
height: 100%;
width: 100%;
display: block;
position: absolute;
background-color: #FFF;
}
</style>
<body>
<div id="loadscreen"></div>
</body>Abraco...
Então no caso, eu colocaria meu site na div loadscreen?!
Opa ei Mauricio, pelo que entendi você precisa carregar paginas externas sem recarregar a página. segue o código
load.js
$(function(){
$("a").click(function(e){
e.preventDefault();
var link = $(this).attr("href");
$(".carregando").show();
$("#load").load(link, function(){
$(".carregando").hide();
});
})
})
Bom sempre que você clicar num link ele carrega a url passada no href, e carrega o conteudo dentro da div id load;index.html
<html>
<header>
<title>Exemplo simples de load com Jquery</title>
</header>
</html>
<body><!-- Exibe o gif animado -->
<div class="carregando"></div>
<div id="load"></div>
</body>
No css estilize a class carregando e coloque uma imagem de um gif, você pode conseguir uns gifs legais no ( ajaxload.info );ABRAÇO SE PRECISAR DA UM TOQUE
Valeu, obrigado!
Você pode utilizar também o plugin jquery.history
http://plugins.jquery.com/project/history
Demo
http://nix.lv/history/demo.html
http://imasters.com.br/artigo/10300/ajax/botoes_de_voltar_e_avancar_funcionando_com_jquery/
[]'s
Pelo primeiro post, acredito que a duvida inicial, não tenha nada a ver com ajax, nem history, ou então 'loadscreen'.
dá uma olhada nesse código, acredito que resolva perfeitamente o teu problema:
(Só Ativar Links após carregar imagens)
http://code.imasters.com.br/index.php?/topic/155-so-ativa-links-apos-carregar-imagens/
a ordem em que eu coloquei as tags scripts é importante.
Com history, da pra fazer isso sim, prova disso é o site http://www.micheltelo.com.br/
Mas vai ver a sua solução é mais adequada para este caso.
>
muitas vezes o site fica carregando e se clicar em algum local que executa o script, ele abre a página que deveria ser aberta com o lytebox.
ou seja, clicaram sob algum link, antes que o script fosse completamente carregado, então a ação default do link foi seguida, em vez de ter sido aplicado o javascript.
Mas então, Patrique.. me explica, pq eu não entendi o motivo do history.
Ops, estava lendo a partir do post do Willy Chagas, sem seguida o autor do tópico agradeceu, me pareceu que ele havia resolvido, por isso postei a solução do history.
Realmente a sua solução é a mais adequada srrss, malz srrsrsrs
Sua solução foi a mais viável! Valeu mesmo
Você fala de qual arquivo ? arquivo JS ?