Ir para conteúdo
Fórum Script Brasil
  • 0

Carregar uma imagem de cada vez


Alex0007

Pergunta

Olá,

Tenho um blog de humor, e na página inicial do blog exibe 10 postagens uma embaixo da outra

E todas as imagens carrega ao mesmo tempo,

queria saber se tem como fazer com que carrege uma imagem de cada vez de cima para baixo.

Obrigado.

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

Pra carregar uma IMAGEM de cada vez, você pode fazer assim:

var urls = [];
urls.push('http://hidefwallpaper.org/wp-content/gallery/4_landscape_04/landscape-national-geographic-6761345-1024-768.jpg'); // 1ª imagem
urls.push('http://hidefwallpaper.org/wp-content/gallery/4_landscape_02/landscape-9643.jpg'); // 2ª imagem
urls.push('http://www.deshow.net/d/file/travel/2009-06/brazil-landscape-580-2.jpg'); // 3ª imagem
urls.push('http://tutorialfreakz.com/wp-content/uploads/2009/08/landscape101280x1024.jpg'); // 4ª imagem

function carregaProxima() {
    var proximaUrl = urls.shift();
    if (proximaUrl) {
        var img = new Image();
        img.onload = function() {
            var div = document.createElement('div');
            var tempo = new Date();
            div.innerHTML = '['+ tempo.getHours()+':'+tempo.getMinutes()+':'+tempo.getSeconds()+'.'+tempo.getMilliseconds()+'] CARREGADO: '+proximaUrl;
            document.body.appendChild(div);
        };
        img.src = proximaUrl;
        carregaProxima();
    }
}

carregaProxima();

Já pra carregar cada POST de cada vez... aí é outra história.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...