Pergunta sobre javascript, jquery – Atrase alguma função jQuery até que todas as imagens sejam carregadas completamente

1

Como faço para atrasar alguma função jQuery / JavaScript até que todas as imagens em uma página tenham terminado de carregar? Na verdade, a função jQuery que estou falando é para definir a posição de deslocamento para um div. O problema é que a página é redimensionada quando as imagens são carregadas completamente, portanto, o deslocamento está errado.

Para a função jQuery, consulte esta questão:Problemas com div fixa na parte inferior da página que para no local determinado

Sua resposta

2   a resposta
9

Você pode usar oonload evento que é executado após todas as imagens ou recursos externos serem carregados:

$(window).load(function(){
  // your code here, all images loaded
});

Você também pode usar oload evento para imagens individuais e execute seu código quando tiverem carregado:

$('img.ImageClass').load(function(){
  // The image loaded....
});
obrigado, vou tentar atualizar aqui Krunal
@ Krunal: Você é bem-vindo Sarfraz
obrigado fez o truque Krunal
1

basta escrever a função sob uma variável como

function newfunction(){
//put all the stuff here
}

depois que chamar essa função em cada carga de imagem como

$('img').load(function(){
newfunction()
})

a partir deste, a nova função irá chamar toda vez uma nova carga de imagem.

Perguntas relacionadas