Provocando deslocamento de eventos para Carga Lenta, o plugin
-
21-12-2019 - |
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.
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