Como incluir imagens com carregamento preguiçoso na prévia da postagem?

Suporte
1

Nosso blog usa carregamento lento (lazy load) para imagens — onde o src da imagem é armazenado dentro de data-src no HTML. Assim, ao usar o botão “mostrar post completo”, as imagens não são carregadas. Existe alguma forma de configurar isso para que as imagens sejam carregadas?

Exemplo em que usamos marcação de imagem regular (fonte colocada dentro de src) no post do blog, e as imagens aparecem no fórum do Discourse:

Exemplo em que usamos carregamento lento e as imagens não aparecem:

2

Não tenho certeza, mas notei recentemente que o mecanismo de impressão nativo do navegador sofre da mesma limitação. A menos que você tenha carregado as imagens rolando até o final da página, a opção “imprimir como PDF” exibirá imagens em branco.

3

Sim, a impressão em PDF faz isso. Eu assumiria que é um comportamento normal, já que ele usa o markup final renderizado pelo navegador combinado com o CSS de impressão.

Não sei qual parse você está usando para este botão (desculpe, sei que é de código aberto, mas não conheço Ruby :sweat_smile:), mas vou assumir que ele está analisando o código-fonte HTML diretamente e, provavelmente, não tentará ler atributos de imagem personalizados.

Gostaria de propor uma opção nas configurações para incluir atributos personalizados especificados dentro das tags de imagem como fonte da imagem. (Usamos algumas variações e seria bom poder dar suporte a todas elas).