img srcset ne fonctionne pas

Question

Impossible de fonctionner correctement. Actuellement, seuls les img full-size (soho-w920h665) sont chargés. Ce que j'essaie de faire: l'img couvre 100vw jusqu'à ce que la largeur de la fenêtre soit 766px ou plus, alors l'img ne couvre que 50vw.

<img 
    srcset="/img/soho-w500h361.jpg 500, 
      /img/soho-w700h605.jpg 700, 
      /img/soho-w920h665.jpg 920" 

    sizes="(min-width : 766px) 50vw, 

    data-src="/img/soho-w920h665.jpg 
    "> 

Answer 1

Assurez-vous que vous utilisez la bonne syntaxe pour elle, src attribut semble manquer pour l'instant. Un exemple de syntaxe correcte serait -

<img src="clock-demo-thumb-200.png" 
    alt="Clock" 
    srcset="clock-demo-thumb-200.png 200w, 
      clock-demo-thumb-400.png 400w" 
    sizes="(min-width: 600px) 200px, 50vw"> 

donc vérifier votre attribut data-src. Regardez dans la documentation MDN pour un meilleur aperçu ici - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img