Comment inclure des images à chargement différé dans l'aperçu des publications ?

Soutien
1

Notre blog utilise le chargement différé pour les images, où l’attribut src de l’image est stocké dans data-src au niveau du HTML. Ainsi, lors de l’utilisation du bouton « Afficher l’article complet », les images ne sont pas chargées. Existe-t-il un moyen de configurer cela afin qu’elles soient bien chargées ?

Exemple où nous utilisons une balise image standard (la source étant placée dans src) sur l’article de blog, ce qui permet aux images de s’afficher sur le forum Discourse :

Exemple où nous utilisons le chargement différé, ce qui empêche les images de s’afficher :

2

Je ne suis pas certain, mais j’ai récemment remarqué que le mécanisme d’impression intégré au navigateur souffre de la même limitation. À moins d’avoir chargé les images en faisant défiler la page jusqu’en bas, l’option « Imprimer en PDF » affichera des images vides.

3

Oui, l’impression en PDF fait effectivement cela. Je suppose que c’est un comportement normal, car cela utilise le balisage final rendu par le navigateur combiné au CSS d’impression.

Je ne sais pas quel analyseur vous utilisez pour ce bouton (désolé, je sais que c’est open source, mais je ne connais pas Ruby :sweat_smile:), mais je suppose qu’il analyse directement le code source HTML et qu’il n’essaiera probablement pas de lire les attributs d’image personnalisés.

Je voudrais proposer une option dans les paramètres pour inclure des attributs personnalisés spécifiés dans les balises image pour la source de l’image. (Nous utilisons plusieurs variantes, et il serait bon de pouvoir les prendre en charge toutes.)