Frage srcset funktioniert nicht

[xZap]

Hallo,

ich möchte auf meiner Website responsive Grafiken einbauen. Hier ist der Code:

<img
  src="../images/wb_new.PNG"
  alt="Empty board."
  srcset="../images/wb_1_small.png 420w, ../images/wb_1_medium.png 680w, ../images/wb_1.png 803w"
  sizes="100vw"
  class="responsive-img"
>

Leider klappt es nicht. Interessanterweise lädt er immer wb_1.png, also das Bild bei 803w. Das heißt, dass er das srcset ja anscheinend grundsätzlich schon versteht, sonst würde er ja das Bild aus src laden (wb_new.PNG). Jedoch lädt er nicht die kleineren Bilder, wenn ich den Browser verkleiner.
Ich benutze Opera zum Testen.

 

[MrMurphy]

Hallo,

das hört sich nach dem Problem an:

http://xhtmlforum.de/71994-bilder-austauschen-je-nach-viewport-breite.html

Gruss

MrMurphy

 

[xZap]

Hmm es funktioniert leider auch nicht, wenn ich den Browser erst verkleiner und dann neulade. Die w-Werte, die ich angegeben habe, entsprechen bereits der tatsächlichen Bildgröße.

 

[scbawik]

Hmm es funktioniert leider auch nicht, wenn ich den Browser erst verkleiner und dann neulade. Die w-Werte, die ich angegeben habe, entsprechen bereits der tatsächlichen Bildgröße.

Teste mal einen anderen Browser.
Habe es eben getestet und das funktioniert bei mir nirgends richtig:
http://media.kulturbanause.de/blog/2014/09/responsive-images/srcset-sizes-3.html

Kein Wunder:
http://caniuse.com/#search=srcset

 

[xZap]

Danke. Es liegt wohl wirklich am Browser. In Firefox (neuste Version) und Chrome for mobile klappt es. In Chrome auf dem Desktop nur manchmal, hab noch nicht wirklich durchschaut, wovon das abhängt.

Mich wundert nur, dass es in Opera und dem Android Browser nicht funktioniert (und bei Chrome nur manchmal), obwohls laut Can I use dort unterstützt werden müsste. Meine Versionen sind aktuell.