5545 sujets

Sémantique web et HTML

Bonjour

j'ai beau essayer srcset sur les navigateurs compatibles je n'obtiens jamais ce que je veux qui est pourtant simple
je ne veux pas du tout tenir compte du retina et des 1x 2x 3x mais uniquement de la largeur d'écran pour envoyer une image plus légère sur les tablettes et smartphones

une image en 1024px pour écrans >= 1024px
une image en 640px pour écrans < 1024px

sans rien d'autre, et ceci ne marche pas
<img src="images/img-1024-default.jpg" 
	srcset="images/img-1024.jpg 1024w, images/img-640.jpg 1023w"
/>


merci pour l'aide
Modifié par plumex (13 Apr 2015 - 11:55)
Hello,

Le descripteur w n'est pas forcément égale à la valeur du viewport (tu peux le voir dans l'article de Rémi sur le sujet : http://www.hteumeuleu.fr/attribut-srcset-images-responsive/).
Dans ton code, je pense que le soucis vient de sa valeur sur la petite image. Tu dois mettre le cas min et non max, soit 640 et non 1023.

Ce qui donnerai ceci :
<img src="images/img-1024-default.jpg" 
	srcset="images/img-1024.jpg 1024w, images/img-640.jpg[b] 640w[/b]"
/>