1

Tenho uma div onde se encontra a parte das redes sociais. Nela tenho botão de curtir do Facebook, do Twitter e do Google Plus.

O do Twitter e do Google Plus terminam de carregar juntos e é mostrado, já o do Facebook demora mais alguns segundos para carregar.

Queria colocar um loader nessa div e quando estiverem carregados ai sim poderá mostrar todos, de uma só vez.

É possível?

2 Respostas 2

1

Primeiro deixe sua div principal com opacity:0. Depois utilize Jquery para verificar se o botão do Facebook foi carregado e por fim faça todos aparecem juntos.

Exemplo:

$( ".facebook").load(function() {
    $(this).parent().fadeTo( "fast" , 1);
});
2
  • $( ".facebook").ready? Isso não funciona não, só o document tem esse evento.
    – bfavaretto
    9/04/2014 às 22:40
  • Realmente, foi um equívoco. Já editei, valeu.
    – Paulo
    9/04/2014 às 22:52
0

Com a div não tenho certeza se há uma forma. Mas se você usar diretamente o iframe gerado dos respectivos botões você pode delegar um evento de load normalmente para eles como a uma janela comum.

2
  • Não consegui Diego, por gentileza edite esse JSFiddle com sua idéia? jsfiddle.net/C3LMR 10/03/2014 às 19:53
  • 1
    Jefferson pelo código não são iframes, porém códigos que são carregados por scripts dessas redes. Poderia checar na documentação delas se elas oferecem uma API que possibilite o que procura? A possibilidade de executar uma função quando o script é carregado é suficiente. 11/03/2014 às 2:19

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .