atraso no aparecimento de imagens na versão mobile

Detalhes da questão

Endereço do fórum: rpgplayers.forumeiros.com
Versão do fórum: ModernBB

Descrição

Boa noite.
Na "versão mobile", no formulário "overall_footer", temos esse código:

Código:


<script
src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@11.0.2/dist/lazyload.min.js"></script>
<script type="text/javascript">

    var lazyLoadInstance = new LazyLoad({

        elements_selector: ".memberlist-avatar img, .forum-avatar img, .post-content img, .post-icon img, .module img",

        threshold: 0

    });

</script>


Ele é responsável por aplicar o atributo "lazy Loading" nos elementos ali contidos.

Estou com dificuldade nas imagens postadas nas mensagens dos tópicos, onde o ".post-content img" é o acionador.

Há como desabilitar somente esse elemento para ele carregar as imagens de forma instantânea, o chamado "eager loading"?

Sempre postamos várias imagens nas publicações, e se entramos no tópico através da "última mensagem" e rolamos a tela para cima, a tela retorna para baixo até carregar a imagem, e isso é muito ruim.

A solução no help.forumotion não foi eficaz para meu caso:

https://help.forumotion.com/t160358-lazy-loading

Código:


$(function(){
  $('img').removeAttr('loading');
});


Ele principalmente desativa o mobile tema do próprio fdf?

Solucionei aqui.

Bastava atualizar o script do vanilla_lazyloading para a versão atual e usar a opção de carregamento nativo...

Original forumeiros

Código:


<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@11.0.2/dist/lazyload.min.js">
</script>

<script type="text/javascript">
var lazyLoadInstance = new LazyLoad({ 
elements_selector: ".memberlist-avatar img, .forum-avatar img, .post-content img, .post-icon img, .module img", 
threshold: 0
})
</script>


Código que atualizei

Código:


<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.8.4/dist/lazyload.min.js"></script>

<script type="text/javascript">
var lazyLoadInstance = new LazyLoad({ 
elements_selector: ".memberlist-avatar img, .forum-avatar img, .post-content img, .post-icon img, .module img",  
use_native: true
})
</script>


Não creio que era algo que só acontecia no meu fórum, já que esse template nunca havia sido alterado.

Enfim. Tudo ok agora.

Olá @Daniel Z,

Formulário incompleto Para que possamos dar continuidade, você deve completar todos os campos do formulário. Queira editar a sua primeira mensagem e preencher os campos devidamente. Caso não seja modificado nos próximos dois dias, este será movido para lixeira. Para mais informações, leia o regulamento do setor de suporte. Tópico pendente.

Atenciosamente,
tikky.

@tikky
Certo.
Já pode encerrar o tópico.
Deixei a solução no segundo post.