Pergunta

Eu estou trabalhando com Carregamento Lento para carregar imagens somente quando eles são visíveis e as imagens que são visíveis a partir de uma popout menu não estão carregando.Todas as imagens estão localizados dentro de <li> elementos de uma lista não ordenada.Quando eu começo a rolar a lista para baixo, as imagens começar a carregar como deveriam.Mas como faço para obter as primeiras imagens mostram quando o menu é aberto pela primeira vez?

Eu tentei acionar o scroll evento, juntamente com outros eventos, mas nenhum deles parecia funcionar.O <ul> está localizado dentro de um menu que surge a partir de uma "barra de informações" (apenas uma barra com links no topo da página).Eu estava pensando que talvez isso tivesse algo a ver com o fato de que elas (as imagens) não são facilmente visíveis na página de carga?

Aqui é o meu lazyload de inicialização:

$("img.lazy", this.list).show().lazyload({
  effect: "fadeIn",
  container: this.list,
  threshold: 50
});

$(this.list).trigger("scroll"); // tried this
$(document).trigger("scroll"); // and that

// this.list is the unordered list

Eu também tentei inicializar o plugin com mouseenter e scrollstop como o event propriedades e, em seguida, acionar os eventos, sem sorte.

Foi útil?

Solução

O segundo this.list é onde você está errado.Carregamento lento de obras no <img> elementos e não no <ul>

$("img.lazy", this.list).trigger("scroll"); // should work
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top