Lazy Load et validation W3c

Bonjour à tous.

J'utilise Lazyload, mais quand je teste http://validator.w3.org/check

J'ai ce message d'erreur.

Line 642, Column 283: Element img is missing required attribute src.

Comment faites vous?

Hello,

Sans savoir ce qui se trouve à la ligne concernée, aucun moyen de te répondre avec certitude.
Tout ce qu'on peut dire, c'est qu'il semble que tu n'utilise pas l'attribut src, pourtant obligatoire pour l'élément [I]img.

Tu as peut-être simplement oublié de fermer un guillemet dans un de tes attributs. BTW, sans plus de code, c'est quasiment de la divination

Bonjour,

je n'utilise pas Lazyload et les images sont donc chargées que JS soit activé ou non mais niveau perf c'est moins bon. C'est un choix (de mes clients plutôt que de moi-même).
Dépend du site, du client, du nombre d'images et de leur poids, de leur importance surtout, si de toute façon le site fait un usage intensif (et justifié) de JavaScript bah tant qu'on y est autant charger les images comme ça surtout qu'il va probablement y avoirune bonne quantité de JS à charger en priorité, etc

Désolé je n'ai pas mis le code source puisque le message s'adress au utilisateur de lazyload, et que l'intégration est classique:
Du type:

<img class="lazy" data-original="http://www.example.tld/1,jpg" width="210" height="140"/><noscript><img src="http://www.example.tld/1,jpg" width="210" height="140"/> </noscript>

Effectivement aucun src="" n'est définit puisque justement il est remplacé par le data-original.


Peut être pourrais je tenter:
<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-original="http://www.example.tld/1,jpg" width="210" height="140" />

Une autre solution serait de mettre un # dans l'attribut src.

Exemple :

<img src="#" ...